기존에 작업하던 프로젝트를 하나 끝낸 후, 이력서를 작성하려고하니. 웹사이트 이미지나, 웹사이트 링크를 첨부하기 어렵고, 내가 어떤사람인지 한눈에 보여주기 힘들다는 문제를 겪었다. 그래서 새 미니 프로젝트로 포트폴리오 웹사이트를 만들어, 이때 까지 이력 및 작업들을 정

aa

Error Boundary는 반드시 클래스 컴포넌트로 적용해야합니다.error boundary란? 오류 발생 시 앱 전체가 중단되지않고 에러난 해당 컴포넌트만 격리하여 앱 전체가 죽지 않게 하는것Error Boundary는 componentDidCatch와 getDer

읽는중이에요

👀 리액트 프레임워크와 핫모듈(HMR) 프레임워크를 사용하는 이유 리액트는 UI라이브러리입니다. 그래서 사용자가 직접 라우팅, 데이터패칭, 상태관리는 개발자가 직접 설정해야 합니다. 하지만 앱이 커지고 복잡해지면 여러 문제가 발생하곤 합니다. 중구난방인 라우팅과

객체의 실제 타입이 아니라 그 객체가 가진 메서드나 속성에 따라 결정된다는 프로그래밍 철학입니다."만약 그것이 오리처럼 걷고 오리처럼 꽉꽉거리면 그것은 오리다."미국의 시인 "제임스 위스컴 라일리"즉 프로그래밍에서는 어떤 객체가 오리 클래스로 만들어졌는지 중요하지 않습

트러블 슈팅 작업하면서 여러 문제들을 만났습니다. 해당 문제들을 정리하여 다음 작업의 기반으로 만들고자 합니다. 1. 비밀번호 페이지로 연결이 안되는 문제 문제 비밀번호 변경 메일을 보냈을때 비밀번호 변경 링크가 메일로 전송되고, 해당 링크를 누르면 비밀번호 변경

자바스크립트는 구조를 명시적으로 표현할 수 없지만 타입스크립트는 구조에 타입을 지정할 수 있습니다.타입 별칭(type alias)와 인터페이스(interface)가 있습니다.타입에 이름을 붙여 관리할 수 있습니다.고급 타입을 활용 할 수 있으나, 재선언이나 확장이 불가

타입 시스템 들어오는 값이 올바른지 확인하는 것이 매우 중요합니다. 그래서 도입된것이 타입 시스템 Tpye System입니다. 동적 타입 시스템과 정적 타입 시스템 동적 타입(dynamic typing): 변수를 선언한 다음 값을 할당할때 해당 타입이 정해지는 것을

타입스크립트는 69.5% 사용자 만족도와 33.8%의 학습 선호도를 기록하며 상위권에 있는 언어입니다. 이러한 평가중 한가지 특징은 타입스크립트가 자바스크립트의 상위 집합(superset)이라는 구조적 특징때문입니다. 이러한 특성때문에 별도의 학습없이 점진적으로 도입이

비동기와 싱글 스레드

💻 객체와 배열 키-값 쌍으로 정보를 표현합니다. 객체(Object) 중괄호안에 key:value형태로 속성을 정의하는 구조입니다. 1. 객체의 기본 메서드 메서드란: 객체의 속성을 쉽게 관리하고 조작하는데 사용 객체의 프로퍼티로 할당된 함수입니다. 속성 접근

원래 웹페이지에 간단한 인터렉트를 주기위한 언어였지만, 지금은 웹의 핵심기술로 확장되었습니다.웹 프론트엔드: HTML요소 조작, 사용자 이벤트 처리, 상태 변화에 따른 화면 렌더링웹 백엔드: Node.js 기반으로 서버 개발, API 구축, 실시간 처리모바일 앱 개발:

리액트는 현재 프론트엔드 개발에서 기본 전제로 여겨지는 표준 기술로 자리잡았습니다. 어떠한 요인때문에 리액트가 인기가 많아졌는지 알아보겠습니다.react, next.js를 다루는 개발자가 증가함으로 인해 기업이 안정적으로 인력을 확보하기 쉽습니다.https:/