JSON Server는 개발 단계에서 프로토타이핑이나 모의(Mocking) API를 신속하게 생성하기 위한 도구이다. 실제 백엔드 서비스 없이 프론트엔드 애플리케이션 개발에 필요한 RESTful API를 모방할 수 있다. 빠른 설치 JSON Server 설치는 Node.js와 npm이 설치된 React 개발 환경에서 간단하게 이루어진다. 글로벌 설치를 원한다면 터미널에 다음을 입력한다. npm install -g json-server React 프로젝트 내에서만 사용하려면 해당 디렉토리로 이동 후 다음 명령어를 실행한다. npm install json-server --save-dev 이후 package.json에 실행 스크립트를 추가하여 쉽게 서버를 시작할 수 있다. "scripts": { "start-..

ESLint는 소스 코드의 문법적 오류를 검출하고, 일관된 코딩 스타일을 유지하기 위한 정적 코드 분석 도구이다. ESLint는 코드를 작성하는 과정에서 설정된 규칙을 기반으로 코드를 분석하고, 위반 사항을 식별하여 개발자에게 알린다. 이러한 프로세스는 개발자가 코딩 규약을 준수하고, 오류 가능성을 줄이며, 유지 보수성을 향상시킬 수 있도록 돕는다. 코드 일관성 프로젝트에 일관된 코딩 스타일을 적용함으로써 가독성과 유지보수성을 향상시킨다. 들여쓰기 규칙(indent): 코드 블록 내의 들여쓰기 수준을 지정하기 위해 ESLint의 indent 규칙은 사용된다. 예를 들어, indent 규칙이 "error", 2로 설정된 경우, 들여쓰기는 2개의 공백으로 일관되게 적용되어야 한다. 이는 소스 코드 내의 블록..

1. 첫 웹개발은 학교에서부터 저에게 첫 웹은 자바스크립트로부터 시작했습니다. 물론 그 이전에 HTML과 CSS를 알고 있었지만 유튜브 영상으로 기초적인 것만 알고 있는 수준이라 진정으로 웹 개발을 해봤다고 할 수 있는 것은 이 시점부터인것 같습니다. 그렇다고 이때 거창하게 프로젝트를 해서 제출한 것이 아닙니다. 변수 선언, 조건문, 반복문, 함수 등 기본적인 문법과 관련하여 학습하였습니다. 그렇게 저의 첫 웹 개발을 학교 수업에서 경험하게 되었습니다. 2. 얼떨결에 해커톤 출전, 처음으로 프레임워크 사용 그러던 중 군 입대를 앞두고 있던 올해 2월, 할 것도 없고 붕 떠있는 저에게 '뭐라도 해보자'라는 생각이 뇌리를 스쳤고 마침 교내 동아리에서 해커톤을 홍보하는 톡이 오자 신청을 하게 되었습니다. ht..