Code Snippet(코드 스니펫) Snippet은 작은 조각이라는 뜻이다. Code Snippet은 "코드 조각", 즉 재사용 가능한 소스 코드, 기계어, 텍스트의 작은 부분을 의미한다. 코드를 재사용할 수 있게 해줌으로써 반복 타이핑을 회피할 수 있게 도와준다. 나는 기존에 React 컴포넌트로 페이지를 한 개 생성할 때 마다 이렇게 일일이 작성을 했다. 하나의 프로젝트를 수행한다고 했을 때 생성해야할 페이지 수를 생각해보면 정말 비효율적인 방법이다. Code Snippet을 활용하면 이런 간단한 템플릿 코드들을 좀 더 효율적으로 작성할 수 있다. VSCode Extension 탭에서 react snippets으로 검색한다. 나는 @popular 필터를 걸어서 가장 상위에 있는 것으로 골랐다. [I..

🔗 공식 문서 : https://www.conventionalcommits.org/ko/v1.0.0/ conventional commits 작성을 위한 commit message 구조와 구성요소는 아래와 같다. 구조 [적용 범위(선택 사항)]: [본문(선택 사항)] [꼬리말(선택 사항)] 구성요소 [머리말(Commit Message Header)] (): build: 시스템 또는 외부 종속성에 영향을 미치는 변경사항 (npm, gulp, yarn 레벨) ci: ci 구성파일 및 스크립트 변경 chore: 패키지 매니저 설정할 경우, 코드 수정 없이 설정을 변경 docs: documentation 변경 feat: 새로운 기능 fix: 버그 수정 perf: 성능 개선 refactor: 버그를 수정하거나 기능..

줄바꿈의 종류 - LF, CR, CRLF에서 이어집니다. Windows는 CRLF(\r\n), Linux는 LF(\n)을 개행문자로 사용한다. 개발자간 사용하는 OS가 다르거나, 서버와 로컬 OS가 다를 경우(=Cross Platform Project: 크로스 플랫폼 프로젝트) 수정사항이 없음에도 불구하고 파일 전체가 stage에 올라오는 경우가 있다. Git bash에서 core.autocrlf를 설정하면 이를 방지할 수 있다. 설정 가능한 옵션은 true, input, false(Default)이 있다. $ git config –global core.autocrlf true true 커밋할 때 CRLF를 LF로 자동 변환하고, 체크아웃 할 때에는 반대로 LF를 CRLF로 변환하여 리턴해준다. 따라서 ..

소스트리에서 Fetch를 하니까 아래와 같이 인증 실패 오류가 나왔다. fatal: credential-cache unavailable; no unix socket support 이럴경우 cache에 저장되어있는 비밀번호 정보를 날려주면 된다. 먼저, 소스트리를 종료한 뒤 아래 경로에서 C:\Users\{사용자}\AppData\Local\Atlassian\SourceTree "passwd" 파일을 메모장으로 열면 id@email.com Encrypted password 위와 같이 {이메일 + 암호화된 패스워드} 쌍이 여러 개가 나올텐데 그중에서 인증 실패된 repo server의 내용을 삭제 하고 저장한다. git -c diff.mnemonicprefix=false -c core.quotepath=fal..

인텔리J로 프로젝트 빌드하다보면 가끔씩 클래스가 존재함에도 불구하고 빨간 밑줄이 뜨고, 아래와 같은 메시지가 나올 때가 있다. [File] - [Invaliddate Caches / Restart...] - [Invalidate and Restart] 를 눌러서 IntelliJ를 재시작한다.

게시판에 공감하기 기능이 있다. 공감하기 기능은 하루에 한 번, 하루 단위로 사용이 가능하다. 그런데 DB에서 따로 이미 추천했는지 여부(기추천)를 관리하지 않아서 여태까지는 브라우저 쿠키에 게시물 번호를 저장해서 제어했다. 이렇게 하면 쿠키를 변조(삭제 또는 수정)하면 브라우저단 유효성 검사를 너무 쉽게 뚫을 수 있고, 공감하기 API 패킷만 재전송했을 경우에도 공감 카운트가 중복 증가할 수 있기 때문에 최근에 Redis 캐시로 서버단에서 제어하도록 수정했다. 로직 수정 후에 제대로 바꿨는지 확인하려고 Fiddler로 패킷 재전송을 해봤다. Fiddler 웹 디버깅 툴 다운로드 www.telerik.com/download/fiddler 여기에서 클래식 버전으로 다운받았다. 디버깅 Fiddler를 먼저 ..

회사 방화벽 문제로 인해 pip를 통한 설치가 안된다는것을 이미 알고있습니다. Tar파일로 설치해봅시다. 1. 파일 다운로드 PyInstaller: https://www.pyinstaller.org/ 공식 사이트에 들어가서 상단 Download를 누른 후 tar.gz 파일을 다운받습니다. 2. 압축 해제 다운로드가 끝나면, 다운받은 파일을 압축 해제 하고 Python이 설치된 경로 아래의 Lib/site-packages(python/Lib/site-packages)에 넣습니다. 저의 경우 C:\Users\사용자\AppData\Local\Programs\Python\Python38-32\Lib\site-packages에 넣었습니다. 3. 설치 C:\Users\사용자>cd C:\Users\사용자\AppDat..

또 회사 방화벽문제로 인해 pip 설치가 안됩니다. Tar파일로 설치해봅시다. 1. 파일 다운로드 Selenium: https://pypi.org/project/selenium/ 공식 사이트에 들어가서 좌측 Download files를 누른 후 tar.gz 파일을 다운받습니다. 우측 상단을 초록색 박스에 Latest version이 보인다면 최신버전입니다. 구버전을 받고싶으시면 좌측 메뉴 증 Relase history에 들어가서 다운받으면 됩니다. 2. 압축 해제 다운로드가 끝나면, 다운받은 파일을 압축 해제 하고 Python이 설치된 경로 아래의 Lib/site-packages(python/Lib/site-packages)에 넣습니다. 저의 경우 C:\Users\사용자\AppData\Local\Prog..

BeautifulSoup4와 마찬가지로 방화벽문제로 인해 pip 설치가 안됩니다. Tar파일로 설치해봅시다. 1. 파일 다운로드 OpenPyXl: https://pypi.org/project/openpyxl/ 공식 사이트에 들어가서 좌측 Download files를 누른 후 tar.gz 파일을 다운받습니다. 우측 상단을 초록색 박스에 Latest version이 보인다면 최신버전입니다. 구버전을 받고싶으시면 좌측 메뉴 증 Relase history에 들어가서 다운받으면 됩니다. 2. 압축 해제 다운로드가 끝나면, 다운받은 파일을 압축 해제 하고 Python이 설치된 경로 아래의 Lib/site-packages(python/Lib/site-packages)에 넣습니다. 저의 경우 C:\Users\사용자\A..

C:\Users\사용자>pip install BeautifulSoup4 Collecting BeautifulSoup4 WARNING: Retrying (Retry(total=4, connect=None, read=None, redirect=None, status=None)) after connection broken by 'SSLError(SSLCertVerificationError(1, '[SSL: CERTIFICATE_VERIFY_FAILED] certificate verify failed: unable to get local issuer certificate (_ssl.c:1108)'))': /packages/66/25/ff030e2437265616a1e9b25ccc864e0371a0bc3adb7c..