밤은 짧아, 걸어 아가씨야

1. 자바스크립트의 타입은 어떤 것이 있을까요? 기본형(Primitive Type), 참조형(Reference Type) 2. 기본형과 참조형에는 어떤 타입이 있을까요? 기본형(Primitive Type) : string, number, boolean, undefined, null, symbol 참조형(Reference Type) : Object - Array, Function, Date, RegExp, Map/WeakMap, Set/WeakSet 3. 참조형이라고 부르는 이유는 뭘까요? 데이터 영역에 데이터의 주솟값을 연결하는 방식으로 데이터를 저장하기 때문 참조형은 내부 프로퍼티 값을 변경하면 연결된 데이터 영역이 바뀌게 될 뿐, 참조형 자체의 데이터가 변하는 것이 아님 4. 기본형과 참조형을 구분한..

Context API 이번주에는 원티드 프리온보딩 강의에서 배운 context api를 학습했다. [원티드 프리온보딩 프론트엔드 인턴십] Week 3-1. React Hook의 심층 활용 - 강의 후기 [원티드 프리온보딩 프론트엔드 인턴십] Week 3-1. React Hook의 심층 활용 - 강의 후기 Week 3-1. React Hook의 심층 활용 의존성 배열 / useEffect / React.memo / useCallback / useMemo / Context API 2주차 강의는 원티드 커리어 챌린지 로 대체되었다. 커리어 챌린지는 2주 동안 진행된 전 직군 대상 강의 shinjungoh.tistory.com context api를 학습해야겠다고 생각한 이유는 첫째로, 프로젝트가 조금만 복잡해..

GitHub Actions 사용 방법 원티드 프리온보딩 인턴십 1-2주차 강의 내용을 복습할 겸 직접 깃허브 액션을 사용해 보았다. 깃허브 액션을 사용하면 깃허브 레파지토리에서 바로 소프트웨어 개발 워크플로우를 자동화 할 수 있다. 1. .github/workflows 폴더 생성 워크플로우를 짜기 위해서는 .github 폴더 안에 workflows 라는 폴더가 있어야 한다. 이 .github/workflows/ 폴더 안에 넣는 여러가지의 파일 하나 하나가 CI/CD 파이프라인이 되는 것이다. 2. CICD.yml 파일 생성 .github/workflows/ 안에 파일을 생성한다. // 예시 파일 name: CI/CD on: // 언제 돌릴 것인지 push: branches: - master // mast..

🎯 CRA 투두리스트 구현하기 todos type Props 배열임을 표시 API문서, body 공식문서에 적힌 대로 data에 todo를 적어 요청한다. ⚠️ todo가 아닌 text를 적어서 400 오류가 발생 useState 상태 값 관리 불변성 유지를 위해 스프레드 연산자를 사용한다. 각 키값에 해당하는 value를 할당한다. setState는 비동기 처리 객체이다. 🔗 react useState 상태 값 업데이트 회원가입 유효성 검사 정규표현식으로 값을 검사할 때는 state 값 대신 e.target에서 받아온 value 값을 넣어줘야 한다. ⚠️ 그렇지 않으면 다음과 같은 이슈가 발생한다. [x] 값 올바르게 입력했다가 지웠는데 에러처리 안 되는 이슈 [x] 비밀번호 검사에 비밀번호와 다르게 ..

Husky 사용 방법 지난 시간에 이어 이번에는 Husky 사용 방법에 대해 학습할 것이다. 허스키는 무엇인지, 왜 필요한지, 어떻게 설치하고 실행하는지 알아보자. 🔗 [JavaScript] prettier, eslint 설치 및 실행 방법 (+캐시파일 사용 방법) [JavaScript] prettier, eslint 설치 및 실행 방법 (+캐시파일 사용 방법) prettier, eslint 설치 및 실행 방법 원티드 프리온보딩 인턴십 1-1주차에 배운 내용을 복습해 보자. 프로젝트를 시작하면서 처음 세팅할 때 필요한 prettier와 eslint가 무엇인지 살펴보고, 어떻게 사용 shinjungoh.tistory.com ❓ husky를 사용하는 이유 자동화의 필요성 eslint, prettier을 도입..