밤은 짧아, 걸어 아가씨야

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..

Week 2 과제 후기 교육 코스는 3주차로 되어 있는데, 과제는 2주차로 적혀 있어서 일단 표기된 대로 주차를 적어 두었다. 2주차 과제 내용과 우리 팀의 과제 진행 방법 등의 회고를 해보려고 한다. 우리 팀은 인원 변동이 조금 있었다. 지난 주차에 2명, 이번 주차에 1명이 팀을 나가게 되어 총 5명의 인원이 됐다. 과제 내용 트렐로, 지라 등과 비슷한 이슈 트래킹 툴을 만드는 것이 2주차의 기업과제였다. 각자 스스로 만들어 보고, 베스트 프랙티스를 팀원들과 논의해 팀 과제를 제출하는 것이 미션이었다. 과제 진행 방식 1. 개인별 구현 팀별 미션을 진행하기에 앞서, 우선은 개인적으로 각자 구현을 해보기로 했다. 과제 내용 중에서 어려운 점이 몇가지 있었는데, 팀원들과 얘기를 나눠보니 모두가 같은 부분..

Week 3-1. React Hook의 심층 활용 의존성 배열 / useEffect / React.memo / useCallback / useMemo / Context API 2주차 강의는 원티드 커리어 챌린지 로 대체되었다. 커리어 챌린지는 2주 동안 진행된 전 직군 대상 강의였는데, 프리온보딩 코스와 맞추어 개발(프론트엔드) 파트를 들을 수 있게 진행됐다. 커리어 챌린지 강의 후기는 추후 다른 카테고리에서 작성할 예정이다. 3-1 강의 시간에는 1주차 팀별 미션 리뷰 시간을 갖고, 리액트 훅에 대해 배웠다. 1. 과제 리뷰 총 12개의 조에서 제출한 과제를 보고 개선하면 좋을 점을 알려주셨다. 이렇게 작성하면 안 된다든지 하는 피드백도 있었다. 강의를 듣다가 깜짝 놀랐는데, 처음으로 등장한 코드가 바..

🎯 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을 도입..