개발자의 logs

하이 에브리원! 오늘은 Node.js 의 거대한 라이벌(?) 스프링에 대해 알아보고자 한다. 난 백엔드를 Node.js 로 시작했지만, 스프링은 무시하래야 무시 할 수 없는 백엔드 프레임워크이다. 그럼 시작! 먼저, 스프링이란 무엇인가? (정의) 스프링은 웹사이트 개발을 위한 백엔드 프레임워크이다. 백엔드 (Back-end) 는 웹 개발 프로세스를 프론트(Front-end), 백엔드(Back-end)로 구분하는데, 일반적으로 서버단에서 동작하는 프로그램(DB, API서버 ..)을 다루는 프로세스를 백엔드 라고 한다. 프레임워크 (Framework) 란 프로그램 설계에 있어 미리 구축되어있는 뼈대 라고 이해하면 쉽다. 스프링은, 백엔드 프로세스를 구축하는데 있어 기본적인 뼈대를 제공해주어 높은 품질의 프로..

오늘은 DDD 에 대해 설명해보고자 한다. DDD는 이번 달 나에게 많은 좌절감을 안겨줬던 설계방식이다... 물론 현재는 어느정도 익숙해졌다. 그럼 DDD 설명 고고 ! ! 참고로 아래 설명을 보고 이해가 안간다해도 머리가 나쁘거나 비정상은 아니다 . 직접 코드를 짜보고 경험해보길 추천한다. 스프링의 JPA나 Repository개념을 알고있다면 이해에 도움이 많이 될 것이다. 정의 DDD(Domain-Driven Design) 또는 도메인 주도 설계라고 부른다. 도메인 패턴을 중심에 놓고 설계하는 방식을 일컫는다. ( 여기서 도메인은 해결해야할 문제라고 생각하면 이해하기 쉽다. ) 도메인 주도 설계의 목적 소프트웨어의 복잡성을 최소화 하는 것이다.그리고 요구사항을 쉽게 반영하고 소통이 원활하게 이루어질 ..

(이번 게시글은 리액트 공식 문서를 바탕으로 작성되었습니다.) useEffect가 하는 일은 무엇일까요? useEffect Hook을 이용하여 우리는 React에게 컴포넌트가 렌더링 이후에 어떤 일을 수행해야하는 지를 말합니다. ( => useEffect Hook을 통해 렌더링 후에 추가적인 일을 시킬 수 있다.) React는 우리가 넘긴 함수를 기억했다가(이 함수를 ‘effect’라고 부릅니다) DOM 업데이트를 수행한 이후에 불러낼 것입니다. 위의 경우에는 effect를 통해 문서 타이틀을 지정하지만, 이 외에도 데이터를 가져오거나 다른 명령형(imperative) API를 불러내는 일도 할 수 있습니다. ( => useEffect를 통해서 함수를 기억했다가 DOM 업데이트 후에 실행가능하다. 데이터..

React Hooks 란, 요약하자면 Hook은 함수형 컴포넌트가 클래스형 컴포넌트의 기능을 사용할 수 있도록 해주는 기능이다. React 16.8 버전 (2019년도) 에 추가된 공식 라이브러리 Class형 컴포넌트에서만 쓸 수 있었던 state와 life cycle을 Function형 컴포넌트에서도 사용 가능 현재 공식문서에서는, Class형 컴포넌트보다는 Function형 컴포넌트로 새로운 React 프로젝트를 만들기를 권장 단, 기존의 Class형 컴포넌트들을 Hook을 이용한 Function형 컴포넌트로 refactoring할 이유는 전혀 없음 필요한 이유 함수형 컴포넌트들은 기본적으로 리렌더링이 될때, 함수 안에 작성된 모든 코드가 다시 실행된다. - 클래스형 컴포넌트들은 method의 개념이..

오늘은 타입스크립트에 대해 공부해보고자 한다. nest.js를 조금 공부해봤지만 TypeScript의 개념을 더 깊이 파고보자 오늘 게시물을 작성한다. 요새 기업들 채용조건 및 우대조건에 TypeScript 가 많이 보이기도 한다 그럼 스타트!! TypeScript란 무엇일까? 요약본부터 던지자면, 타입스크립트는 자바스크립트에 타입을 부여한 언어. 자바스크립트의 확장된 언어라고 볼 수 있다. TypeScript(타입스크립트)란, 1. 타입스크립트는 자바스크립트의 슈퍼셋인 오픈소스 프로그래밍 언어이다. 마이크로소프트에서 개발, 유지하고 있으며 엄격한 문법을 지원한다. C#의 리드 아키텍트이자 델파이, 터보 파스칼의 창시자인 Anders Hejlsberg가 개발에 참여한다. 2. 타입스크립트는 자바스크립트에..

오늘은 어제 Oauth 2.0에 이어서 Passport 개념정리를 해보려고 한다. 참고로 Passport도 부트캠프내에서 다뤄본 적은 있다 (Google) 그럼 스타뜨 !! Passport란 무엇인가? Passport.js는 인증 요청을 처리해주는 Node.js의 인증 미들웨어이다. 기본적인 로그인 방법은 username과 password를 일치하여 확인하는 방식이지만, 최근 SNS의 증가로 Facebook과 Twitter에서 OAuth를 제공함에 따라 SNS들의 계정을 가지고 서비스를 가입하고 인증하는 방법이 생겼다. Express.js 애플리케이션에 간단하게 사용자 인증 기능을 구현하게 도와주는 패키지이다. 유저 세션 관리 및 다양한 로그인 방식 추가할 수 있다. OAuth에 대한 설명은 이전 게시물..