개발 공부 기록

CSS에서 요소들을 자유롭게 위치시킬 수 있는 flex에 대해 알아보자. flex는 모바일 지원율이 매우 좋다는 장점이 있다. flex 사용방법 .container{ display: flex; } display: flex; 를 설정해준다. flex container 와 item 사용법 자세하게 알아보기 heropy.blog/2018/11/24/css-flexible-box/ 함께 보면 좋은 영상 tv.naver.com/v/5012344 Flexbox로 만들 수 있는 10가지 레이아웃 NAVER Engineering | 발표자: 이민영 (N Tech Service) 발표월: 2018.9. tv.naver.com 영상 자료 - 글 정리 d2.naver.com/helloworld/8540176 flex를 연습..

Gitflow Workflow에서 사용되는 브랜치 메인 브랜치 (항상 유지) master 배포(release) 이력을 관리하기 위해 사용. 즉, 배포 가능한 상태만을 관리한다. develop 다음 출시 버전을 개발하는 브랜치. 기능 개발을 위한 브랜치들을 병합하기 위해 사용. 즉, 모든 기능이 추가되고 버그가 수정되어 배포 가능한 안정적인 상태라면 develop 브랜치를 ‘master’ 브랜치에 병합(merge)한다. 보조 브랜치 (일정 기간 동안만 유지) feature 기능을 개발하는 브랜치. feature 브랜치는 새로운 기능 개발 및 버그 수정이 필요할 때마다 ‘develop’ 브랜치로부터 분기한다. feature 브랜치에서의 작업은 기본적으로 공유할 필요가 없기 때문에, 자신의 로컬 저장소에서 관..

공통점 use와 all 모두 http request(get, post, put, delete)가 들어오면 처리한다. 차이점 app.use('/hello', function(req,res) =>{}); use method는 첫번째 인자로 들어오는 것을 시작 경로로 삼아 매칭한다. 즉, /hello /hello/world /hello/world/node 등의 hello로 시작하는 모든 경로에 대하여 routing이 진행된다는 의미다. 그러나 all은 request의 경로가 정확히 /hello 로 매칭될 때만 호출된다. 그 외의 경우는 매칭되지 않는다. app.all('/hello', function(req, res) =>{}); 참고

응답 메서드 종류 send 버퍼 데이터나 문자열 전송 HTML 코드 전송 JSON 데이터 전송 sendFile 파일을 응답으로 보내주는 메서드 json JSON 데이터를 보내줌 객체나 배열을 전송할 때 redirect 응답을 다른 라우터로 보냄 사용예시: 로그인 완료 후 다시 메인으로 돌아갈 때 render 뷰를 생성하고 HTML 응답을 전송 status 상태 코드를 결정 ... 등 하나의 요청에 대한 응답은 한 번만 보내야 하며 여러번 보낼 경우 에러가 발생한다. 참고 backback.tistory.com/341 uxicode.tistory.com/entry/%EC%9D%B5%EC%8A%A4%ED%94%84%EB%A0%88%EC%8A%A4-%EC%9A%94%EC%B2%AD-%EC%9D%91%EB%8B%..

유명한 커밋 메시지 규칙 How to Write a Git Commit Message AngularJS Git Commit Message Conventions 커밋 메시지 동명사보다 명사를 사용한다. 관사는 사용하지 않는다. 부정문 Don't 를 사용 커밋 메시지의 구조 [적용 범위(선택 사항)]: [본문(선택 사항)] [꼬리말(선택 사항)] 좋은 commit message를 위한 단어 목록 Fix : 올바르지 않은 동작을 고친 경우에 사용 Add : 코드나 테스트, 예제, 문서 등의 추가가 있을 때 사용 Remove : 코드의 삭제가 있을 때 사용 Use : 특별히 무언가를 사용해 구현을 하는 경우에 사용 Refactor : 전면 수정이 있을 때 사용 Simplify : 복잡한 코드를 단순화 할 때 사..

1. HTTP의 특징 서버와 클라이언트가 통신할 때마다 서버는 클라이언트가 누구인지 인증을 해야 함. HTTP 프로토콜의 특성 Connectionless : 클라이언트가 요청을 한 후 응답을 받으면 그 연결을 끊어 버림 Stateless : 통신이 끝나면 상태를 유지하지 않음 2. 쿠키와 세션을 사용하는 이유 쿠키와 세션은 HTTP의 특징을 해결해 클라이언트 인증을 유지하기 위해 사용한다. 3. 쿠키 (Cookie) 쿠키는 클라이언트(브라우저)에서 관리하는 작은 기록 정보 파일을 의미한다. 쿠키의 구성요소 이름 - 각 쿠기를 구별하기 위해 사용 값 - 쿠기가 갖고 있는 값(value) 유효시간 - 쿠키의 유지시간 도메인 - 쿠키를 전송할 도메인 경로 - 쿠키를 전송할 요청 경로 쿠키 동작 방식 1. 클라..

html 태그로 만든 layer를 안 보이게 하는 방법에는 두 가지가 있다. 1. display : none ; (↔ block) > 아예 사라짐. 보이는 것뿐만 아니라 해당 공간도 존재하지 않게 됨. 2. visibility : hidden ; (↔ hidden) > 보이지만 않고 해당 공간은 존재함. width와 height 값을 주었다면 그만큼의 공간이 존재하게 된다. 위와 같은 차이가 있다고 한다. 상황에 맞춰 적절한 것을 선택하면 될 듯하다. 참고 : blog.naver.com/eroicaplus/90036328974

2020년도부터 온라인으로 정보처리기사 응시자격 제출서류를 낼 수 있게 되었다. 기간 내에 서류를 제출하지 않으면 필기를 다시 봐야 한다. 온라인 서비스를 이용해서 9월 3일에 서류를 제출했으나 '마이페이지> 응시자격> 응시자격 제출서류 확인'에 서류가 계속 뜨지 않아 잘 제출된 것인지 걱정이 되었다. 해당 페이지에는 승인 뒤에 표시되는 것 같다. 결제는 잘 된 것 같은데 화면이 보이지 않아 걱정이 된다면, 이전에 제출했던 것과 똑같은 절차를 다시 진행한다. 그러다 보면 아래 사진과 같은 화면을 만날 수 있는데 이때 제출 내역 확인을 누른다. 이전에 신청한 제출 내역을 확인할 수 있다. 다행히 신청이 잘되어 있었다. 승인이 날 때까지 좀 더 기다려야겠다. + 추가 업데이트 4일 뒤에 확인해보니 승인되어 ..