반응형 웹이란? PC, TV, 내비게이션, 스마트 기기 등 기기마다 또는 환경마다 최적화된 웹사이트를 제공해주는 것. 장점으로는 유지보수가 간편하다는 점, 반응형이기 때문에 마케팅에 유리하다는 점을 들 수 있을 것 같다. 그렇다면 유행이라고 무조건 반응형으로 만들어야 할까? 아니다. 상황에 따라 모바일 웹처럼 별도의 사이트를 만드는 것이 더 효율적일수도 있기 때문에 UX 고려해서 잘 만들자! 핵심 기술 - 가변 그리드(Fluid Grid) 가변 그리드란 웹사이트를 제작할 때 화면의 크기에 관계없이 늘어나거나 줄어들게 픽셀 대신 %로 제작하는 기술. 아래 이미지처럼 가로 너비에 따라 폭에 맞게끔 박스 크기가 줄어든 것을 볼 수 있다. 핵심 기술 - 미디어쿼리(Media Queries) 미디어쿼리란 컴퓨터나..

교육환경을 설치했다면 그 다음은 이제 이론이라고 할 수 있는 표준프레임워크 개요이다. 이론이 뭐가 중요하지 싶지만 알아야 한다..그래야 어디서 그 단어 들어봤다라고나마 말할 수 있기 때문에.. 아래 간단한듯 아닌듯 정리한거 쭉 읽어보기!!ㅎㅎㅎ - 어플리케이션 환경의 변화 메인프레임 -> C/S -> WEB - 소프트웨어 패러다임 변화 하드웨어 중심의 시대 -> 다양한 프로그래밍 언어(C, Java 등등) -> 객체지향 중심의 시대(OOP) -> 프레임워크 기반 개발 시대 - 프레임워크 등장 배경 소스 재사용 -> 재사용 메소드 -> 재사용 객체(상속) -> 디자인 패턴 -> 프레임워크 디자인패턴이 나무라면 프레임워크는 숲. 디자인패턴과 같은 부분적인 해결책을 전체적인 관점에서 통합하여 설계 및 구현 틀..

전자정부 표준 프레임워크 온라인 정기교육을 들을 수 있는 기회가 생겨서 일주일 내내 강의듣고 과제하고 그랬다! 회사에서 공공 프로젝트를 하면서 자주자주 사용하기도 하고, OJT 하면서 일부 내용은 듣기도 했지만 같은 내용을 여러번 들어도 보이는거 깨닫는게 다른 걸 알기에 이런 교육듣는것도 좋다. 그럼 이제 전자정부 표준 프레임워크 정리하기 스타뚜 우선 설치부터 해보자면 아래 링크로 일단 접속해준다. https://www.egovframe.go.kr/home/sub.do?menuNo=65 교육자료 | 표준프레임워크 포털 eGovFrame 처리중입니다. 잠시만 기다려주십시오. www.egovframe.go.kr Windows, macOS 자신의 환경에 맞춰서 3.10.0버전으로 해서 압축파일이랑 설치파일 다..

2장. JUnit 진짜로 써 보기. 이 장에서는 코드를 분석해서 코드의 한 가지 경로를 커버하는 테스트를 작성해볼거고, 코드를 따라 두 번째 경로를 검증하는 두 번째 테스트를 작성해볼거고, 테스트 구조도 살펴보고 공통으로 사용되는 초기화 코드를 한 곳에 모을 수 있는 @Before annotation에 대해서도 알아보도록 한다. 구인자와 구직자는 둘 다 다수의 객관식 혹은 yes-no 질문에 대답을 하는 프로파일을 생성한다. 웹사이트는 다른 측 기준에 맞는 프로파일로 점수를 매기고 고용주와 고용자 모두의 관점에서 최상의 매치를 보여준다. Profile 클래스를 먼저 작성해보자. 코드설명먼저 하자면 Profile 클래스는 어떤 사람이 회사 혹은 구직자에게 물어볼 수 있는 적절한 질문에 대한 답변을 담고 있..

Weather Observation Station 19 풀이: 두 점 사이의 유클리드 거리를 구하는 문제. 유클리드 거리 구하는 공식은 아래와 같다. 이제 이 공식을 사용해서 쿼리를 작성하기 위해 알아야 할 것은 제곱근 관련 함수. SQRT와 N의 M제곱을 나타내는 POW함수를 활용해서 쿼리를 작성해주면 끝. 예를 들어 POW(2, 4)는 2의 4제곱 즉 2 * 2 * 2 * 2 = 16이 나온다. 이전 문제와 동일하게 반올림해서 소수점 아래 4자리 까지 나타내주는것도 잊지말자! Weather Observation Station 20 풀이: LAT_N의 중앙값을 구해서 소수점 아래 4자리까지 구하는 문제. 오라클에는 중앙값 구하는 MEDIAN 함수가 있었던 거 같은 기억이 나서 찾아보니 내 기억이 맞았다..

Weather Observation Station 18 풀이: 두 좌표의 멘헤튼 거리를 구하는 문제. 멘헤튼 거리는 p1 at (x1, y1) and p2 at (x2, y2), it is |x1 - x2| + |y1 - y2| 이런 식으로 해서 구하면 된다고 한다. 최소값은 MIN으로, 최대값은 MAX로, 절대값은 ABS 함수를 사용해서 구해주면 된다. 주어진 조건에 따라서 반올림해서 소수점 아래 4자리 까지 나타내는 것도 처리해주자.

올해 목표 중 하나가 개발관련 책같은거도 보면서 지식쌓기..? 알야아 할 것들이 많다ㅜㅜㅜㅜㅜ 내 첫 책은 자바와 Junit을 활용한 실용주위 단위테스트라는 책이다. 총 14챕터로 이뤄져있으니 당연 내 포스팅도 14개가 올라갈 예정이다! 1장. 첫 번째 JUnit 테스트 만들기. 테스트코드 작성해보면서 할거지만 일단 책에 나와있는 깃허브 주소에서 클론받았다. 마이 맥북에서 인텔리제이 설치해서 해볼라했는데 일단 전자정부프레임워크 3.9버전에서 해보는거로! 책에 나와있든 이클립스든 전자정부든 IDE는 각자 편한데로 해보면 될 듯 하다. ScoreCollection이라는 작은 클래스 테스트. 이 클래스는 Scoreable 객체의 컬렉션 평균을 반환하는 것으로 점수를 가진다. 테스트하려는 코드는 아래와 같다. ..

오늘부로 해커랭크 SQL Easy단계 문제풀이 끝!!!! Draw The Triangle 1 풀이: 문제는 딱 봐도 그거다 그거 프로그래밍 언어 배울때 꼭 해보는거 별찍기ㅋㅋㅋㅋㅋㅋㅋㅋ 쿼리로 별찍기는 또 처음이라 오잉 이거 어케하지 했지만 구글링으로 어케 하는지 찾아서 빠르게 해결했다. set으로 사용자 정의 변수 선언하고 20부터 찍어야하니깐 21로 값 대입해주기. 반복해야하니깐 select할 시 repeat으로 별을 선언한 사용자변수-1로 해서 20개부터 나오게 해주기. limit 20은 repeat에서 지정해준 횟수만큼 반복해주기 때문에 굳이 작성하지 않아도 되지만 이해를 위해 작성했단. Draw The Triangle 2 풀이: 이번에는 위에랑 반대로 1부터 20까지 해서 별찍기 쿼리. 이거는 ..

1~3월. 2020.08부터 듣고 있던 국비교육과정 최종 플젝 하면서 1월말부터 본격적으로 취준이었다. 이력서 완성시키고 서류지원-면접을 반복하다가 3월 초 교육 수료를 했다. 수료하고도 학원 현장면접이랑 서합한곳 면접보러 다니면서 취준라이프를 하던 중, 최합해서 어딘가로 3월 말 첫 출근을 하게 된다! 취뽀했다고 여기저기서 너무나 좋아해주던ㅎㅎㅎ 4~6월. 첫 직장인라이프를 하던 시기. 회사생활은 어어 뭐라해야하지 일단 비슷한 나이대에 같이 입사한 입사동기가 있어서 그건 좋았던 거 같다. 또 하나는 회사란 이런 곳이구나 알게 된 거..? 그러케 첫 회사에서의 직장인라이프는 3개월이 끝이었다. 6월달은 진짜.. 올해 제일 힘들었던 시기이다. 다시는 회사라는 곳에 못가겠다라는 생각이 들 정도로 그랬던 시기..