개발 공부 기록

코딩 컨벤션이란? 코딩 컨벤션은 읽고, 관리하기 쉬운 코드를 작성하기 위한 일종의 코딩 스타일 규약(하나의 작성 표준)이다. 특히 다른 언어에 비해 유연한 문법구조를 가진 언어일수록 개발자 간 통일된 규약이 없다면 코드의 의도를 파악하거나 오류를 찾기 어려우며 유지보수 비용이 늘어난다. 코딩 컨벤션의 장점 1. 정해진 규칙이 있기 때문에 명칭이나 구조를 빠르고 정확하게 정할 수 있다. 2. 통일된 규약이 있기 때문에 모든 사람들이 코드를 이해하기 쉽고 편리하다. 3. 유지보수 비용을 줄일 수 있다. > 가독성이 좋다. 코딩 컨벤션의 자세한 예시

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

오류 해결하기 웹 개발을 하다보면 개발자도구의 콘솔창에서 해당 오류를 발견할 수 있다. (따로 문제가 되는 건 없지만...) 페이지의 아이콘이 없거나 아이콘의 경로가 맞지 않으면 생기는 오류이다. 아이콘은 노란색으로 표시한 부분을 의미한다. 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..

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. 홈페이지에서 연동(분석 결과)을 확인한다. 잘 연동된 것을 확인하였다. 이제 열심히 코딩하면 끝!

tistory에서 제공하는 코드 블럭을 통해 블로그 글에 코드를 넣는 방법에 대해서 알아보았다. 게시글 작성시 코드블럭을 선택한 뒤, 원하는 언어를 선택하고 코드를 입력한다. 확인 버튼을 누르면 아래와 같이 코드가 삽입된다. .gauge-box{ height: 100vh; width: 180px; } .gauge-p{ font-size: 24px; font-style: bold; color: white; text-align: center; } .gauge-bar{ width: 50px; height: 400px; } 만약 업로드할 코드블럭의 테마를 변경하고 싶다면, 설정 -> 플러그인 -> 코드 문법 강조 에서 원하는 테마를 선택하면 된다.

CSS와 Javascript를 개발 할 때, 일반 Chrome의 경우 캐시 때문에 변경한 내용이 즉시 반영되지 않는 경우가 많다. 이럴 때 해결할 수 있는 방법으로 두가지 방법이 있다. 첫번째 방법은 크롬의 새로고침 버튼을 길게 클릭하거나 마우스 우측 버튼을 클릭하면 아래의 메뉴가 나와 캐시를 비우면서 새로고침하는 것이다. 두번째 방법은 시크릿 모드에서 실행하는 것이다. 나는 두번째 방법이 더 편하기 때문에 크롬 시크릿 모드를 기본으로 실행하도록 설정을 변경하였다. 우선 크롬의 속성 창을 띄운다. 그 다음 속성창의 대상의 끝에 --incognito 를 추가해준다. 적용을 누르면 시크릿 모드가 기본 모드로 설정된 것을 확인할 수 있다.