유튜브 \[썬한코딩]입사에 필요한 JS 기술 영상 내용을 보고 학습한 내용을 정리합니다.

코드를 읽다보니, **/*.js 처럼 파일경로에 *, ** 이 사용되는 경우가 있는데, 두 개의 차이점은 무엇인지 느낌상 ** 은 하위 경로를 모두 선택하는 것 같지만 확실하게 정리해보고자 합니다.

테스트에 사용되는 도구들을 크게 4가지로 분류해서 정리해본다. - Test Runner - Testing framework - Assertion library - Test Double library

모듈은 1개 이상의 값을 내보내는 JS파일이다.모듈을 통해 기능과 관심사의 분리를 할 수 있다. AMD, CJS, UMD, ESM 등 모듈 종류를 정리해보았다.

Create-react-app 프로젝트에서 컴포넌트 import 시 경로를 깔끔하게 관리하는 법을 소개하려고 합니다.위와 같이 컴포넌트를 import할때 상대경로 지정하는게 번거롭기도 하고, 앱 구조가 복잡해지면 코드가 길어지기 때문에 깔끔하게 관리하고 싶은 마음이 생

create-react-app 프로젝트에서 public, src에있는 이미지를 사용할 때, jsx, css 에서 각각 어떻게 불러올 수 있는지 정리해본다.

레파지토리를 새로 만들 때마다 커스텀한 github label을 따로 설정하는게 불편해서 찾은 방법. 내가 사용하는 label 템플릿을 공유하고, 레파지토리에 바로 적용하는 법을 정리해본다.

Create-react-app 프로젝트를 진행하는데IE브라우저를 지원해야한다면 필요한 것들을 정리합니다. CRA 공식문서를 보면, IE 9, 10, 11을 지원하기 위해서 react-app-polyfill을 사용하라고 안내하고 있습니다.

Create-react-app으로 프로젝트를 만들어 환경설정을 하는 중, ie 지원을 위한 polyfill을 불러오는데, 모듈이 필요한 브라우저에서만 선택적으로불러오면 좋지 않을까하여 고민했던 방법을 정리합니다.

자잘자잘한 세팅을 이제는 매번 검색하지 않고, 이곳에 모아놓으리.. 프로젝트 폴더 vscode title bar 색상 지정, github 이슈와 커밋 메세지 연결, vscode 파일 저장할 때 prettier 자동 포맷 등등...

8월 13일 부터 깃헙의 비밀번호 방식 인증이 사라지고, personal access token을 이용해야 한다는 메세지였다.

평소에 모바일로 웹사이트나 어플을 사용할때 사소하지만 긍정(부정)적인 사용자 경험을 느낀 부분이 있었다. 회원가입이나 어떤 폼 필드를 입력할 때, 입력하는 값에 맞게 키보드가 변경되면 이런부분도 세심하게 신경썼구나~ 하며 호감도가 상승했고, 아닐 경우엔 불편함을 느꼈

[4, 10, 5, 4, 2, 10] 배열이 주어졌을 때,중복되어 나온 숫자를 제외하고, 가장 첫 번째 숫자를 반환하는 문제이다. 예시에서는 4, 10이 중복된 숫자고, 한 번만 나온 unique 숫자는 5, 2인데 그 중 첫번째인 5를 반환하면 된다. 처음에는 obj

A,B,C 로만 구성된 문자열이 주어지고, AA, BB, CC 처럼 두 문자가 연속되어 나타날때 제거를 반복하여마지막에 남은 문자열을 출력하는 문제이다. DisappearingPairs문제처음에는 위와 같이 정규표현식으로 풀었는데짝수 팰린드롬 문자열에서 timeout에