etc10 Git 커밋 메시지 작성할 때 참고하면 좋을 글 (Git commit message convention) Git 커밋 메시지는 중요하다. 혼자 작업할 때나 팀프로젝트를 할 때 커밋 메시지로 작업 히스토리를 확인하기 쉽기 때문이다. 팀프로젝트나 회사에서 일할 땐 팀에서 정한 규칙대로 따라가면 되지만, 혼자 할 때는 혼자만의 규칙으로 작업하려고 한다. 공개 프로젝트일 때는 다른 사람들도 볼 수 있기 때문에 혼자만 알아볼 수 있는 메시지 보단 모두들 알아볼 수 있는 규칙으로 작성하는 게 좋다고 생각한다. (사실 혼자만 볼 때도 알아보기 쉬운 규칙이어야 나중에 작업한지 오래되어 까먹었을 때 봐도 이해하기 쉬울 것 같다) 이 글은 개인적으로 괜찮아보였던 커밋 메시지 규칙들 링크를 저장해두기 위함이다. Conventional Commits https://www.conventionalcommits.org/en/v1.0... 2021. 9. 25. [맥북] 한영키 위치 바꾸기 기존 맥북 키보드 한/영 전환은 CAPS LOCK이나 control+space 바를 누르면 된다. 이게 여간 불편한 게 아니었다. 익숙해지면 어떨지 모르겠으나, 영어 대소문자를 변경해야 할 때 해당 키에 불이 들어올 때까지 꾹 눌러야 하는데, 빨리 타이핑하다 보면 대문자를 쓰려는데 한글로 전환되기도 하고, control+space는 두 손가락이나 써야 해서 손 자체의 움직임이 많아진다. 윈도우 피씨를 쓸 땐 스페이스 바 옆에 한/영 키가 있어, 오른쪽 엄지 손가락만 이동해도 됐는데... 다행히도 방법은 있었다. kearabiner-element라는 프로그램이다. 설치해서 사용해 보려는데, 키보드 입력 모니터링에 대한 허용을 해야 한다... 보안 문제가 신경 쓰인다. 다른 대체제가 있으면 다른 방법으로 하.. 2021. 2. 28. Git 명령어 모음 git을 사용하면서 자주 쓰던, 유용했던 명령어들을 정리해두려고 한다. 더 많은 명령어와 옵션들은 아래 출처에 표시된 Git Reference 사이트에서 확인. 먼저, git에서 사용하는 working tree와 index에 대한 설명이다. Working tree, Index working tree는 한국어로 작업 트리라고 한다. 로컬에서 작업하는 폴더를 말한다. index는 저장소와 working tree 사이에 존재하는 공간이다. working tree에서 변경된 내용을 git add로 index에 먼저 stage 하고, git commit 및 git push로 저장소에 저장할 수 있다. 이 index의 존재 덕에 원하는 일부 변경 내용만 커밋할 수 있는 것이다. git clone 저장소(Reposi.. 2021. 1. 30. 코드에 메모하는 법 - 주석(Comment) 주석은 코드 내에 작성하는 메모라고 생각하면 된다. 주석 처리된 부분은 프로그램이 해석하지 않는다. 사용자와 프로그램에겐 노출되지 않는 부분, 즉, 개발자들을 위한 장치인 것이다. 프로그램이 클 수록 코드를 알아보기가 어려워진다. 특히 협업하는 경우, 주석으로 다른 개발자들을 도와줄 수 있다. 다른 개발자뿐만 아니라, 자신에게도 마찬가지다. 예를 들어, 테스트 코드나 임시로 작성된 코드가 있을 때, 이걸 주석으로 알려주면 좀 더 빠르게 코드를 이해할 수 있을 것이다. 프로그래밍 언어마다 주석 처리하는 방법이 조금씩 다르다. 아래로 HTML, CSS, JavaScript, Java의 주석 처리 방법에 대해 정리하였다. 1. HTML 1) HTML은 다음과 같이 주석을 처리한다. 로 닫는다. 이 사이에 들어.. 2020. 1. 2. 로컬 테스트 서버 Python의 SimpleHTTPServer 웹 브라우저에서 로컬 파일 경로로 파일을 열면, 비동기 요청으로 외부 데이터를 읽어올 수 없다. 웹 보안 때문에 다른 경로의 파일에 접근할 수 없다. 하지만 연습이나 테스트를 할 때는 어떻게 해야 할까? 간단하게 로컬 웹 서버로 실행하면 된다. 가장 쉬운 방법이 파이썬(Python)의 SimpleHTTPServer라고 한다. 리눅스, 맥 OS X 사용자라면 이미 시스템에 설치되어 있을 것이다. 윈도우 사용자는 따로 설치해야 한다. 1. Python 설치하기 먼저 Python 홈페이지로 가야 한다. 아래 Download 영역에 있는 Latest:Python 3.7.4(혹은 다른 숫자일 수도 있음) 링크를 클릭한다. 최신 버전 파이썬 다운로드 페이지로 이동한다. 만약 상단의 메뉴로 이동한다면, Downloa.. 2019. 10. 7. 파일 업로드 & 다운로드 파일을 업로드하고 다운로드하는 방법에 대해 알아보려고 한다. 1. 파일 업로드 1) HTML 파일 업로드는 form 데이터로 쉽게 업로드할 수 있다. HTML 태그를 다음과 같이 작성한다. 파일도 이렇게 input 태그로 데이터를 전송할 수 있다. (type은 file이다.) name으로 이름을 지정하면, 서버에선 이 이름으로 데이터를 얻을 것이다. accept는 전송 허용 가능한 파일의 타입을 지정하는 것이다. 예제 코드에서는 모든 이미지 파일을 허용하고 있다. 이런 식으로 이미지 파일 중 png, jpeg 확장자의 파일만 허용하겠다고 할 수도 있다. 콤마로 여러 타입을 지정할 수 있다. 참고로 accept 속성의 브라우저 지원 범위는 별로 좋지 않다. Can I use 사이트에서 더 자세한 내용을 확.. 2019. 9. 13. 웹 프론트엔드 개발자가 공부할 것들 edwith 부스트코스 웹 프로그래밍 강의 과정 중, 웹 프론트엔드 개발자가 공부할 것들과 순서에 대한 내용이 있었다. 블로그에 포스팅해두고 하나씩 공부해나가면 좋을 것 같아 포스팅한다. 1. JavaScript Programming (with nodeJS) 프로그래밍의 기본이 될 수 있는 언어의 특징을 아는 것 + 프로그래밍 능력이 중요! IDE (with nodeJS) Version control (Git) Variables, Scope, Type, String (ES2015 based syntax) operator, switch, iterator, condition Function - declaration and expression - arguments property & return - call .. 2019. 9. 10. 웹이 동작하는 법 (HTTP 프로토콜의 이해) 보통 인터넷이라 하면 웹을 떠올린다. 하지만 인터넷이 웹인 것은 아니다. 컴퓨터 하나에는 여러 개의 서버가 존재하고, 각 서버는 다른 포트번호를 사용한다. 웹은 80번 포트를 이용하고 있고, 이메일은 25번, FTP는 21번을 사용하고 있다. 인터넷은 TCP/IP 기반의 네트워크가 전 세계적으로 확대되어 하나로 연결된 네트워크들의 네트워크, 즉, 수많은 네트워크의 결합체라고 할 수 있다. 웹은 인터넷 기반의 서비스 중 하나인 것이다. 웹에선 서로 통신하기 위해 어떤 규약이 필요한데, 이 규약이 바로 HTTP이다. 1. HTTP (Hypertext Transfer Protocol)란? 팀 버너스리(Tim Berners-Lee)와 그 팀은 CERN에서 HTML뿐만 아니라 웹 브라우저 및 웹 브라우저 관련 기.. 2019. 8. 20. 웹 프로그래밍을 위한 프로그래밍 언어 프로그램을 만들기 위한 프로그래밍 언어의 종류는 굉장히 다양하다. 10년 주기로 보통 40~50개의 프로그래밍 언어가 만들어지고 있다고 한다. 프로그래밍 언어의 종류와 웹 프로그래밍에 좀 더 최적화된 프로그래밍 언어의 장단점에 대해 알아보겠다. 먼저, 언어의 종류는 저급 언어, 고급 언어로 나눌 수 있다. 1. 저급 언어 저급 언어는 기계 중심의 언어를 말한다. 컴퓨터는 전기로 동작한다. 즉, 전기 신호인 1(on), 0(off) 두 가지 상태 값으로 동작한다. 0과 1로 표현되는 숫자를 2진수라고 한다. 2진수로만 작성하는 프로그래밍 언어를 기계어(Machine Language)라고 한다. 이렇게 숫자로만 이루어진 언어는 사용하기도 어렵고, 유지보수도 어렵다. 그래서 이 숫자로 된 문장과 1:1로 대응.. 2019. 8. 20. 이클립스에서 코드 들여 쓰기 탭 확인하기 (+ 코드 스타일 적용까지) edwith 부스트코스 웹 프로그래밍 강의를 듣고 있다. 부스트코스는 강의 챕터가 끝날 때마다 프로젝트가 주어지고, 프로젝트를 제출하여 현업 개발자분들에게 리뷰를 받아볼 수 있는 서비스가 있다. 그런데, 최근 제출한 프로젝트 코드 리뷰에서 코드 들여 쓰기 기준이 일정치 않다는 피드백이 왔다. (참고: [부스트코스] 웹 프로그래밍 프로젝트4-1) 이건 전에도 받아본 적 있던 거라 좀 민망했다. 들여 쓰기 잘해야 된다고 알고는 있었는데, 처음 지적받았던 그 리뷰 덕에 회사마다 코드 포맷 표준이 달라 tab 크기가 달라질 수 있다는 것도 알게 되었다. 그런데 똑같은 실수를 하다니ㅜㅜ (사진 속 코드에서 ······ 이 스페이스, →이 탭이다.) 항상 탭으로 들여 쓰기를 하지만, 다른 데서 코드를 짜 보고 복사.. 2019. 8. 18. 이전 1 다음