밤은 짧아, 걸어 아가씨야

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

prettier, eslint 설치 및 실행 방법 원티드 프리온보딩 인턴십 1-1주차에 배운 내용을 복습해 보자. 프로젝트를 시작하면서 처음 세팅할 때 필요한 prettier와 eslint가 무엇인지 살펴보고, 어떻게 사용하면 되는지 학습한 내용을 기록해 보려고 한다. 내용 출처는 황연욱 멘토님이 가르쳐주신 내용을 바탕으로 하고 있다. ❓prettier, eslint를 사용하는 이유 여러 작업자의 코딩 스타일 일치를 위해 린터와 포맷터 사용하는 것이 좋다. ⚠️ 개발자는 기계와 툴에 의존해야 한다. prettier와 eslint는 각각의 기능을 가지고 있다. eslint : 문법 교정, 버그 회피 prettier : 스타일 교정 모두 룰을 원하는대로 커스터마이징할 수 있다. 💡 eslint-config-..

Week 1 과제 후기 나는 멘토링을 받으며 주로 혼자 학습해왔는데, 프리온보딩 코스에서 처음으로 2명이 넘는 인원의 팀 프로젝트에 참여하게 되었다. 1주차 과제 내용과 우리 팀이 과제를 어떻게 진행했는지, 팀 프로젝트를 하며 어떤 점이 어려웠는지를 적어보려고 한다. 과제 내용 프리온보딩 코스를 신청할 때 사전과제로 제출했던 투두리스트를 바탕으로, 팀원들과 토론하고 best practice를 만드는 것이 첫 번째 과제였다. 처음에는 어떤 식으로 진행해야 할지 감이 잡히지 않아서 막막했다. 팀원들과 본격적으로 회의를 하기 전에 출제자의 의도가 무엇일지 생각해 보았다. 멘토님이 강의에서 강조해 얘기하셨듯이, 동료학습을 해보라는 목적에서 이런 과제를 내주셨다고 판단했다. 과제 진행 방식 1. 환경 구축 우선 ..

Week 1-2. 프로젝트를 지속적으로 통합하고 배포하는 법 AWS / AWS S3 / CRA / CI/CD / GitHub Actions 두번째 강의 시간에는 CI/CD에 대해 배웠다. CI/CD라는 용어 자체도 낯설고 개념이 와닿지 않았는데 이번 강의를 통해 대략적으로 어떤 것이구나 하는 감을 잡게 되었다. 코드 테스트와 배포를 자동화 해서, 빠르고 자주 배포할 수 있도록 하는 개념이라고 이해했다. 실습 과정도 자세하게 차근차근 알려주셨는데 직접 따라해 보면서 익히면 될 것 같다. 취업하기 전에 이런 개념들과 방법을 알고 있으면 회사에서 협업하는 데에도 큰 도움이 될거라 생각한다. 1. 서버와 클라우드 컴퓨팅 그리고 AWS 서버란 무엇일까? IT 업계에서 서버란, ‘무언가를 제공해주는 컴퓨터’ 서버는..

에러 메시지 Uncaught Error: useRoutes() may be used only in the context of a component. useRoutes는 로 감싸야 한다. 해결 방법 react router를 추가하는 과정에서 오류가 발생했다. 에러메시지를 구글링해서 찾아보니 로 감싸주면 되었다. 이에 맞춰서 라우터 파일에서 라우터가 잘 동작하는 코드를 작성했는데 또 오류가 발생했다. 라우터 파일의 이름을 Router.tsx로 만들어 놓았는데, 컴포넌트 이름 Router가 { BrowserRouter as Router }의 Router와 겹쳤기 때문에 발생한 오류였다. import { BrowserRouter as Router } from 'react-router-dom'을 Router.ts..