타입스크립트를 점진적으로 적용해 나가기 ⚔️ 타입스크립트를 점진적으로 적용해 나가기 (1) 타입스크립트 환경 구성 (2) 명시적인 any 선언 (3) 구체적인 타입 정의 (4) 외부 라이브러리 모듈화 (5) 'strict' 옵션 추가 후 타입 정의 타입스크립트 환경 구성 🥯 타입스크립트 환경 구성 typescript 라...

제네릭(Generic)과 타입추론 🐁 제네릭은 재사용성이 높은 컴포넌트를 만들 때, 자주 활용되는 특징이다. 🗣️: “호출하는 시점에 타입을 넘겨, 그 타입으로 쓰겠다.” 즉, 타입을 마치 파라미터 개념으로 받게 되는 것이 제네릭이다. 제네릭이 없다면 인자의 타입마다 메서드를 따로 선언해야 하는데, 이는 유지보수 관점에서 좋지 않다. ...

타입스크립트를 사용하는 이유 🐁 타입스크립트는 자바스크립트에 타입을 부여한 언어이다 데이터에 타입이 정의되어 있을 때, 다음과 같은 효과를 볼 수 있다. 🎯 에러를 사전에 방지 🎯 코드 가이드 및 자동완성 해당 타입이 제공하는 api를 preview로 노출해준다. js와는 다르...

NodeJS와 npm (node package manager) 🐀 npm은 모든 자바스크립트 라이브러리가 있는 공개저장소이다 🍍 라이브러리: 개발자가 편하게 가져다 쓸 수 있는 미리 만들어 놓은 기능의 집합 npm 명령어로 자바스크립트 라이브러리를 설치하고 관리할 수 있다. npm을 사용하면, 🧆 package.json에 설치한 라이브...

Issue: vuex state 초기화 🐂 Issue: 새로고침 후에 Vuex 상태 유지 x 🧾 로그인 후, 관련 데이터를 vuex의 state에 저장하려는 상황 로그인 후에 얻은 🪙 accessToken을 vuex store state에 저장하고 페이지 접근 권한을 따질 때 사용하려 했지만, 새로고침이나 페이지 이동 시, 🐖 state...

Apache / Tomcat 🐀 아파치는 아파치 소프트웨어 재단에서 관리하는 http 웹서버를 말한다 HTTP 웹서버는 정적인 데이터를 처리하는 서버를 말한다. 🐈 톰캣은 아파치 소프트웨어 재단의 자바 기반의 웹 애플리케이션 서버로써, 흔히 WAS(Web Application Server)라고 하는데, 해당 서버는 동적인 데이터를 처리...

HTTP 상태코드 🐙 HTTP 상태코드 HTTP 상태코드는 클라이언트가 보낸 요청의 상태를 응답에서 알려주는 기능을 한다. HTTP Status reason-phrase desc related-response-header 1xx ...

URI (Uniform Resource Identifier) 🐀 URI는 자원 자체를 식별하는 방법이다 즉, 통일된 방식으로 리소스를 식별하는데 필요한 정보를 말한다. URI 식별 방법에는 위치locator 또는 이름name으로 식별할 수 있다. 리소스의 위치를 지정하여 식별하는 방법 및 정보를 URL이라 하며, 리소스에 이름을 부여하...

DNS, Domain Name System 🍝 DNS는 ip주소에 대하여 전화번호부 역할을 하는 서버이다 리소스를 제공하는 서버에 접근하기 위해서는 ip주소를 알아야 한다. 이런 ip주소는 기억하기 어렵고, 변경될 수 있다. 때문에 ip주소 대신 도메인주소을 사용할 수도 있다. 도메인을 사서 DNS서버에 ip주소와 함께 등록해놓고, 도메...

패키지와 모듈 🐀 패키지란 밀접하게 연관된 클래스(및 인터페이스)의 묶음이다 패키지란 클래스 파일(.class)을 포함하는 디렉토리이다. 그리고 모든 클래스는 반드시 하나의 패키지에 속해야 한다. 패키지를 지정하지 않는 모든 클래스는 자동적으로 이름없는 패키지에 속하게 된다. 모듈이란 밀접하게 연관된 패키지와 리소스의 묶음이다 결국, ...