개발 공부 기록

응답 메서드 종류 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

오류 해결하기 웹 개발을 하다보면 개발자도구의 콘솔창에서 해당 오류를 발견할 수 있다. (따로 문제가 되는 건 없지만...) 페이지의 아이콘이 없거나 아이콘의 경로가 맞지 않으면 생기는 오류이다. 아이콘은 노란색으로 표시한 부분을 의미한다. html 문서의 head 안에 link tag를 넣어줘서 해결할 수 있다. 아이콘을 지정하고 싶다면 href에 아이콘 경로를 추가해주면 된다. 파비콘 만드는 사이트 https://www.degraeve.com/favicon/ https://www.favicon-generator.org/ http://tools.dynamicdrive.com/favicon/ https://iconverticons.com/ https://www.favicon.cc/ 무료 파비콘 https..

let num = 352 Math.round(num / 10) * 10 // 350 만약 100이나 1000단위 반올림을 하고 싶다면 10 자리에 해당 수를 써주면 된다.

vs code의 wakatime을 통해 나의 순소 코딩 시간을 측정해볼 수 있다. 1. wakatime을 다운로드 받는다. 2. api key를 vs code wakatime에 입력해준다. https://wakatime.com/vs-code WakaTime Open source IDE plugins for programmers. wakatime.com 3. 홈페이지에서 연동(분석 결과)을 확인한다. 잘 연동된 것을 확인하였다. 이제 열심히 코딩하면 끝!

express를 처음 공부를 시작하고 쌩으로 짜다가 express-generator가 있음을 알게 되었다. express-generator 설치하기 > npm install express-generator -g 위 명령어를 통해 설치한다. > express --view=pug appname 위 명령어를 통해 프로젝트를 생성하면 아래와 같은 구조의 프로젝트 폴더를 얻을 수 있다. 디렉토리 구조 분석 bin/www 는 코드를 실행할 때 연결될 port번호를 담고 있다. public폴더는 css , html 같은 정적인 코드를 담고 있다. routes는 라우팅과 관련된 코드를 분리해서 담고있다. views는 템플릿을 담고 있다. (나는 pug로 설정하였기 때문에 .pug 파일을 담고 있다.) app.js는 미..