모리스의 개발 노트

안녕하세요. 모리스입니다.😄이번 포스트도 지난 포스트에 이어 NestJS에 대해 작성해 보겠습니다.NestJS 설치와 첫 프로젝트 생성 후, 웹 서버에 "Hello World"까지 출력하는 과정을 정리해 보려 합니다. 자 그럼 시작할게요!🖥 NestJS 설치NestJS를 설치하려면 먼저 Node.js가 설치되어 있어야 합니다. NestJS는 Node.js 기반으로 동작하기 때문이죠.Node.js는 설치되어 있다고 가정하고 진행하겠습니다. 설치가 필요하신 분은 Node.js 공식 홈페이지를 참고해 주세요.Node.js를 설치하면 npm을 사용할 수 있게 됩니다. npm은 Node.js에서 사용하는 패키지 관리자입니다.NestJS 서버를 구성하기 위해 가장 먼저 @nestjs/cli를 전역으로 설치해야 ..

안녕하세요. 모리스입니다.😊이번 포스트에서는 과거 모바일BFF를 만들면서 사용했던 프레임워크인 NestJS에 대해서 작성해 보려합니다. 그 당시 회사의 B/E에서는 특정 서비스 만을 위한 API는 없다!!! 라고 선을 딱 그어버려서... end point입장에선 하나의 데이터를 받아오기 위해 여러 API를 앱단에서 조합해서 써야했던 아픈 기억이 다시금 떠오르네요..ㅋㅋㅋㅋㅋㅋㅋㅋ 그래서 그 때 팀장님이 그냥 우리가 서버하나 만들자! 해서 공부 시작한게 NestJS였어요.자 이제 옛날 얘기 그만하고 시작해 보겠습니다.🙂📒 NestJS 소개NestJS는 Node.js 기반의 웹 애플리케이션 프레임워크로, 내부적으로는 Express 혹은 Fastify를 래핑해 동작해요.데이터베이스 연결, ORM, 설정,..

안녕하세요. 모리스입니다.😊이번 포스트도 지난 포스트에 이어서 TS에 관한 포스트 입니다.타입스크립트의 기본 타입에 대해서 알아볼게요! 타입스크립트 공부 극초반에 작성한거라 너무 기본적인 내용이긴하네요.ㅎㅎ그럼 시작해보겠습니다.📌 기본 타입타입스크립트는 자바스크립트와 거의 동일한 데이터 타입을 지원하며, 열거 타입(enum)을 통해 더 편리하게 사용할 수 있어요.기술 노트인 만큼, 어느 정도 타입에 대한 지식이 있다고 가정하고 다른 언어들과 공통되는 타입은 간단히 넘어가려고 해요.📒 Booleanboolean 타입은 true 또는 false 값을 나타내는 타입이에요.let isDone: boolean = false;📒 Number타입스크립트의 모든 숫자는 부동 소수점 값이에요. number 타입으..

안녕하세요. 모리스입니다.😊이번 포스트는 제가 아주 뜨끈뜨끈한 신입일 때 JavaScript로 RN을 시작했고, 그 후 프로젝트를 TypeScript로 리펙토링을 하면서 스터디한 내용을 작성해 볼까 합니다.Velog 저~~기 깊숙한 곳에 박혀있던걸 이번에 티스토리로 이사하면서 꺼내보네요.ㅎㅎ 자 그럼 시작해 보겠습니다:)📌 TypeScript란?TypeScript는 JavaScript를 기반으로 정적 타입 문법을 추가한 프로그래밍 언어예요. TypeScript의 특징은 다음과 같아요:컴파일 언어, 정적 타입 언어📍 JS는 동적 타입의 인터프리터 언어로, 오류를 런타임에서야 발견할 수 있어요. 반면 TS는 정적 타입의 컴파일 언어로, 타입스크립트 컴파일러 또는 바벨(Babel)을 통해 JS 코드로 변..

안녕하세요. 모리스입니다.🙂이번 포스트에서는 지난 포스트에 이어서 React의 Hook API에 대해서 작성해볼게요. React의 Hook API를 사용해 프로젝트를 진행하면서, 가장 기본적이면서 많이 사용하는 세 가지useState, useEffect, useContext에 대해서 알아볼게요! ✅ useState컴포넌트 내부에서 상태값(state) 을 유지할 수 있게 해주는 가장 기본적인 Hook이예요.📌 주요 개념useState는 상태값과 해당 상태를 갱신할 수 있는 함수를 반환해요.컴포넌트가 처음 렌더링될 때, 반환된 state는 전달한 initialState 값으로 초기화 돼요.const [state, setState] = useState(initialState);💡 쉽게 말하면 위 코드에서..

안녕하세요. 모리스입니다.😃React Native 앱을 개발하면서 예전에 학습했던 React Hook에 대해서 다시 정리해 볼까 해요. 저는 지금은 iOS Native를 개발하고 있지만 실무에서 처음 개발을 접한 건 RN이였어요.Native를 하면서 느끼는 거지만 React는 정말 정말 정말 잘 만든 프레임워크라는게 뼈저리게 느껴지네요..아마 시작을 RN이나 Flutter로 시작하신 개발자 분들은 느끼실 거 같아요.. Native는  하나부터 열까지 내가 구현해야 하지만..cross platform들은 정말 많은걸 컴포넌트화 해서 제공해 주는구나.. 정말 편하구나..라는 걸요..😂 아무튼 이상한 소리 그만하고 이번 포스트 주제인 React Hook API에 대해서 알아볼까요?🔗 Hook이란?Reac..