FrontEnd

Languages: HTML: 웹페이지의 구조를 정의하는 마크업 언어.CSS: 스타일과 레이아웃을 설계하여 웹페이지의 시각적 표현을 담당.JavaScript: 브라우저에서 동작하는 동적인 기능을 구현하기 위한 프로그래밍 언어.TypeScript: JavaScript의

빌드 도구는 개발한 코드를 브라우저에서 실행할 수 있는 형태로 변환하고, 최적화하는 도구입니다. 주로 파일 합치기, 압축 및 최적화 등을 자동으로 처리합니다.프론트엔드 코드를 빌드, 번들링, 최적화, 테스트, 배포 등을 하는데 사용된다. \- 번들링: 파일 합치기

협업 프로젝트 진행시 환경설정하는 과정에서 버전을 일치시켜야 한다.버전이 맞지 않을 시 오류가 발생한다.nvm list를 통해서 local에 설치된 node를 확인한다.nvm use 사용할 버전을 통해서 사용하고자 하는 node를 선택한다. 필요한 버전이 없다면 nvm

프로젝트 환경 구성은 개발자들이 협업하고 효율적으로 작업할 수 있도록 프로젝트의 기본 구조, 도구, 설정 등을 체계적으로 준비하는 과정입니다.디렉토리 구조 설정기본 설정 파일 구성2.1. .gitignore2.2. .env2.3. ESLint, Prettier(코드품질

코드가 잘못된줄 알고 한참동안 헤맸다.. kakao developers에서 카카오맵 활성화를 꼭 해주자..! 다른 곳에서는 이런 정보가 없어서 몰랐다....https://developers.kakao.com/console/app 에서 애플리케이션 추가하기플랫폼

Warning: React does not recognize the isMenuOpen prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell

Geolocation API를 사용해서 사용자의 위치를 가져올 수 있다. GeolocationPositionError {code: 1, message: 'User denied Geolocation'} 오류로 인해서 위치를 못가져오는 것 때문에 시간이 한참 걸렸다.

atom역할: 상태(State)의 가장 기본적인 단위.설명: 애플리케이션에서 독립적인 상태를 나타냄. atom으로 정의된 상태는 여러 컴포넌트에서 읽고, 업데이트할 수 있음.예제:selector역할: 파생된 상태(Derived State)를 계산.설명: atom 상태나

가독성이 높고, 유지보수와 확장이 용이하며, 명확하고 간결하게 작성된 코드객체지향 프로그래밍에서 클린 코드를 위한 대표적인 설계 원칙S : 단일 책임 원칙 (Single Responsibility Principle)클래스나 함수는 하나의 책임만 가져야 한다.O : 개방

Props는 부모 컴포넌트가 자식 컴포넌트에 데이터를 전달하기 위해 사용하는 매개변수컴포넌트 내부에서 관리되는 동적인 데이터컴포넌트의 상태(State)가 변경되면 해당 컴포넌트와 하위 컴포넌트가 자동으로 다시 렌더링Parameters는 함수 정의 시 선언하는 변수함수가

Javascript 주요 키워드 export default export: 모듈화된 자바스크립트에서 내보내기를 위한 키워드 다른 파일에서 import하여 사용 가능하도록 함 default: export와 함께 사용되며, 모듈에서 기본으로 내보낼 대상을 지정

개발 환경은 다음과 같았다. 백엔드: SpringBoot 프론트엔드: Vite + TypeScript(React) STOMP(Simple or Streaming Text Oriented Messaging Protocol) 사용 텍스트 기반의 메시징 프로토콜을 의미합니

백엔드: SpringBoot프론트엔드: Vite + TypeScript(React)WebSocket: 클라이언트와 서버 간 양방향 실시간 통신을 가능하게 하는 프로토콜기본적으로 HTTP를 업그레이드(Upgrade Header 사용)하여 WebSocket 연결을 설정한