Wanted

npm install eslint --save-devCRA의 경우 내장되어 있기 때문에 따로 설치하지 않아도 됨npm install prettier --save-deveslint는 linting 기능을, prettier는 formatting을 담당하는 구조가 이상적하지

서버는 컴퓨터로, 특정 프로그램을 실행하여 네트워크를 통해 접근 가능한 리소스를 응답해주는 역할을 합니다. 서버 컴퓨터는 물리적인 실체이며 CPU, GPU, RAM, Memory 등의 사양을 가지고 있습니다.서버의 안정적인 운영을 위해 다음과 같은 접근 방법을 고려할

CI/CD

배포를 위해서는 build 파일이 필요하다. 그리고 빌드된 파일을 확인하려면 npx serve -s build 명령어를 실행하면 확인할 수 있다.나머지 정보는 그대로 세팅한 상태에서 버킷 만들기 한다.빌드 폴더가 아니라 빌드 폴더 안에 있는 파일들을 드래그에서 업로드를

App.js 내용을 변경하기(수정 되는지 확인해야 되니까)위의 에러는 AccessKey, SecretAccessKey를 입력이 잘못 되었다는 것이다. 보통 그대로 복사해서 Enter가 한번 된 상태라서 에러가 떴었다.

일단 과제에 집중해볼까

npm install은 package.json을 기준으로 의존성을 설치npm ci(clean install)은 package-lock.json을 기준으로 의존성을 설치NPM은 시멘틱 버저닝이란 버전 표기법을 따름major.minor.patch의 형태major: brea

렌더링은 UI 요소를 화면에 그려내는 과정을 의미합니다.React와 같은 UI 라이브러리 또는 프레임워크를 사용하는 이유는 렌더링 과정을 효율적으로 처리하기 위해서입니다.브라우저에서의 렌더링은 DOM 요소를 계산하고 화면에 그려내는 과정을 말합니다.DOM과 CSSOM이

React에서 의존성 배열은 useEffect 훅에서 사용되며, 올바르게 다루는 것이 중요합니다.의존성 배열은 useEffect의 콜백 함수가 실행되는 조건을 결정합니다.의존성 배열을 빈 배열(\[])로 설정하면, 컴포넌트가 처음 마운트될 때에만 콜백 함수가 실행됩니다

좋은 코드 작성은 매우 중요합니다. 나쁜 코드를 작성하지 않는 것은 특히 중요한데, 이는 코드가 소프트웨어의 기반이기 때문입니다. 소프트웨어가 나쁜 코드로 구성되면 결국 소프트웨어는 망가지게 됩니다. 망가진다는 것은 기능의 확장이나 수정이 불가능해진다는 의미입니다.가끔

횡단 관심사는 여러 서비스에 걸쳐서 동작해야 하는 코드를 의미합니다. 이는 애플리케이션 내 여러 핵심 비즈니스 로직들에 영향을 주는 동작들을 말합니다.횡단 관심사의 대표적인 예시는 다음과 같습니다:인증 & 인가로깅트랜잭션 처리에러 처리횡단 관심사는 애플리케이션의 유지보

의존성 역전 원칙(DIP) 의존성 주입

소프트웨어를 설계하면서 자주 발생하는 문제에 대한 모범답안을 “디자인 패턴”이라고 합니다.시간이 흐름에 따라 개발자들이 다루는 애플리케이션의 규모는 점점 다양하고 거대해지며 자연스레 이를 해결하기 위한 여러가지 디자인 패턴들도 많이 나오게 되었습니다. 그 중 모든 복합

미들웨어란 무엇일까요? 미들웨어는 “프레임워크의 요청과 응답 사이에 추가할 수 있는 코드”라고 생각할 수 있습니다.미들웨어의 가장 큰 특징은 “연결" 할 수 있다는 점입니다. 각각의 미들웨어는 서로 독립적이며, 프레임워크 안에 여러개의 미들웨어를 추가해서 연결할 수 있

ECMAScript는 주기별로 새로운 문법을 계속해서 발표하며 자바스크립트의 기능도 지속적으로 추가되고 있지만 애초에 최초의 근본적인 설계 자체가 작은 애플리케이션을 빠르게 개발하기 위해서 만들어졌기에 유연하다는 특성과 그로 인해 발생하는 부작용들은 가져갈 수 밖에 없

실행 컨텍스트 실행 컨텍스트란 단어 그대로 자바스크립트가 실행되는 환경을 정의합니다. 여기서 환경이란 this, 변수, 객체, 함수 등 코드의 실행에 필요한 기반들을 의미합니다. 좀 더 구체적으로 말하자면 실행 컨텍스트는 코드를 실행하는데 필요한 환경을 제공하고, 관

GoodGoodGoodGood상속은 가장 강한 형태의 결합, 코드가 상호 결합된다는 것은 한쪽의 변화가 다른쪽에 영향을 미치게 된다는 것, 따라서 상속은 신중하게 사용해야 함Good클래스는 내부에 데이터를 가지고 있을 수 있기에, 굳이 바깥 범위인 파일에 놔두는 것 보

가장 쉽게 할 수 있는 설명은 "클로저는 자신이 생성될 때의 환경을 기억하고, 그를 사용하는 함수이다" 라고 말할 것 같다.위 예시에서 makeAddNumFunc가 리턴하는 익명함수는 본인이 정의될 때의 환경인 makeAddNumFunc의 Lexical Environm

반드시 가변성이 필요한 상황이 아닐 경우에는 불변하게 사용하는 것이 변수가 나타내고자 하는 의미가 명확해지고, 버그가 발생할 가능성이 적어짐. 그래서 const 사용하라는 거임sickList라는 검색어를 관리하는 statecaching된 값을 관리하는 useCacheD

소프트웨어를 통해서 테스트를 할 경우 아래와 같은 이점을 얻을 수 있습니다.컴퓨터를 통해서 실행하기에 사람이 실행하는 것보다 빠르다.정해진 스크립트에 따라 일관성있게 동작하기에 사람이 테스트 할 경우 발생할 수 있는 휴먼에러를 기피할 수 있다.소프트웨어 테스트를 개발자

SSAFY라는 1년간의 부트캠프 이후, FE 신입으로써 채용시장은 너무나 가혹했다. 비록 백엔드와 협업하는 4개의 사이드 프로젝트를 진행하면서, 기본적인 FE Developer로써 역량은 함양할 수 있었지만 디테일이 부족했다고 느꼈었다.흔히 채용공고를 볼 때, CI/C