2023.02. 개발 궁금증 링크 일기

지난 23년도 일기 모음

2023.01. 개발 궁금증 링크 일기

---

작년 한 해 동안 열심히 링크 일기를 써보고 저번 달은 날짜 형식을 약간 첨가 정도로 정리했었다. 그리고 느낀 점은, '확실히 날짜 개념이 이제 필요 없구나.'라는 점이었다. 내가 관심 있는 건 한 달에도 여러 번 찾아보게 되고, 같은 내용을 며칠에 걸쳐 읽거나 띄엄 띄엄 다시 그 개념을 찾아 실습해볼 때도 있었다. 그런 의미에서 날짜별로 정리가 의미 없게 느껴졌고, 친구의 정리 방법을 보며 훨씬 더 효율적이라는 느낌을 받았다. 그래서 나도 정리 방법을 이번 달부터 바꿔보기로!!

 

Framework

• 다시 프로젝트 세팅해야하는 초기로 돌아왔다. 예전에는 ejs로 템플릿엔진을 구성한 다음 vue를 연동시켰는데 이번엔 react 개발하시는 분과 협업하게 될 것이라, 어떻게 하면 좋을까 싶어 옛날에 쓰던 방법(Express)부터 다시 검색
  • Node.js | Express : Template Engine
• 음.. 이 김에 다른 프레임워크도 알아볼까? - nuxt, next, nest
  • Next.js로 구현하는 Isomorphic JavaScript
  • Nuxt, Next, Nest? 무엇이 다른가
  • [개발자일상] NestJS란?
  • 리액트충이 느끼는 express vs nextjs vs nestjs
    오우.. 이건 디시인사이드 글인데 댓글로 보는 재미가 쏠쏠하다. 이런 생각들을 가지고 있구나.
• nest와 express 비교. 오.. 어렵다...
  • NestJS과 Express의 개념 & 비교 (차이점, 특징 등)
  • Express만 하다가 Nest를 하고 느낀 점
  • [NestJS] NestJS 시작하기 (Express 와의 비교)
  • NestJS, 그게 뭔가요, 우걱우걱
    • 오 책(NestJS로 배우는 백엔드 프로그래밍)도 출간했어.. 사볼까! 흥미롭다...!
• 오 이거 보면 nest랑 next를 같이 써볼 수 있겠다
  • Nest.js & Next.js - 1. 기본 셋팅
• NestJS 공부할 수 있는 책!!
  • NestJS로 배우는 백엔드 프로그래밍
  • NestJS 독학 소개
  • Nest.js
  • [ NestJS ] API 만들기 (1) - 기본 구조 이해하기
  • [ NestJS ] API 만들기 (2) - REST API 생성하기
    • main 역할
      • express에서 bin/www 역할인듯?
    • Module 역할
      • NestJS에서 데코레이터(@; 어노테이션)가 하는 역할? → 클래스에 함수 기능 추가
        사용하는 Controller, Service를 명시해주는 module을 통해서 컨트롤러로, 서비스로 차례차례 이동
      • express에서 app.js 역할인 건가?
    • Controllers 역할
      • url로 요청을 받고 함수로 매핑하여 함수를 실행 ← express의 router 역할
        get url 요청이면 @Get('/url') 이렇게 되는 것 같음
      • 데코레이터 덕분에 해당 경로로 접속하면 해당 함수를 호출
      • 명시된 타입으로 리턴
    • Services 역할
      • 실제 비즈니스 로직단
    • controller spec 역할
      • unit test를 진행할 수 있는 테스트 파일

 

 

보일러 플레이트

저번 달에 이어 이번 달도 보일러플레이트에 대해 알아볼 필요가 있다. 차주(2/6~10) 내에는 꼭 끝내야 하니까.

• 보일러플레이트를 알고 계신가요?
  • 본문 내용 정리) 보일러 플레이트에 포함될 내용들
    • 디렉토리 구조
    • 라이브러리 설정
    • 라이브러리 사용 예시 (Example Code)
    • 자주 사용하는 컴포넌트
• 보일러플레이트란 무엇일까?
•  

 

 

테스팅 라이브러리

• Jest
• E2E 테스트
  • E2E 테스트 구축기 (used AWS Step Functions)
  • E2E 테스트란? 엔드 투 엔드 테스트란 무엇인가..
  •  

 

MongoDB

• [MongoDB] Mongoose???
•  

비밀번호 없는 로그인 시스템 (Passwordless Login, FIDO)

• 패스워드 없이 로그인을 쉽게 만드는 UX란? | 요즘IT
• FIDO 얼라이언스 - 위키백과
  • 드림코딩에서 본 게 매직링크 방식인 건가! 호오 신기해..

 

NginX

• 1. NGINX의 개념과 이해
• Nginx 리버스 프록시 (백, 프론트를 같은 포트(80포트)로 연결)
• [NginX] 리버스 프록시(Reverse Proxy) 개념 및 사용법
  • 본문 내용 정리)
    포워드 프록시: 서버가 존재하는 인터넷에 접속하기 전에 사용자의 request를 받아 서버로 전달하고 요청에 대한 서버의 응답을 다시 사용자에게 전달하는 중개인 역할.
    캐싱, IP 우회, 제한(사내 망) 등의 역할.
  • 리버스 프록시: 인터넷 내부에서 서버들 앞단(WAS 앞)에 위치. 어떤 서버에 request를 보낼지 결정하고 효율적이고 안전하게 요청/응답을 관리하기 위한 목적.
    NginX는 서버들 앞에 proxy를 세워두고 사용하는 리버스 프록시.
    client는 was서버에 직접 요청이 아닌 프록시 서버를 통해 호출하여 서버를 감춰줄 수 있음.
    로드 밸런싱과 보안이 가능.
  • 서비스 분기
    • 이미지나 css 등 정적 리소스에 대한 요청은 NginX가,
      동적으로 계산하거나 전달해야하는 것들은 WAS에 맡기도록,
      DB에 대한 요청은 DB 서버가 처리하도록 함으로써
      서비스 담당 서버들을 분할하여 효율적인 서버 관리가 가능
  • SSL/TLS 지원
    • https 프로토콜을 지원하며 특히 cerbot 라이브러리를 통해 무료 ssl 인증서를 발급받아 https를 지원하게 할 수 있음

 

 

형상관리

• http://www.ttii.co.kr/solution/softmanager.php

(주)티티아이

 

NodeJS, NVM, NPM, Unexpected token "."

전에는 잘만 설치 가능하게 해주던 nvm이 갑자기 문제를 일으켰다. 왜 설치 안해주는데!!!

어떤 해법은 npm 버전을 nvm이 설치해준 버전대로 쓰지 말고 최신 버전으로 업데이트하라고도 한다. 하지만 그마저도 Unexpected token "."과 함께 로그 파일을 던진다....

일단 재부팅 먼저 해보자.

 

변함이 없다. 신난다. 그래서 스택오버플로우 글을 좀 더 상세히 읽어봤다.

• Unexpected token '.' when trying to run 'npm install'

현재 node v16.13.2를 초과한 버전들에서는 npm과 node와의 호환에서 발생하는 버그가 있는 것 같다.

nvm을 v1.1.10으로 올리면 문제가 해결된다는 글도 있던데, 그 부분은 회사꺼 말고 내 컴에서 시도해봐야겠다.

 

Docker

• daleseo 라는 분의 블로그 도커 글들
• Docker 시작하기 (개념/설치)
•  

 

WSL2 (Windows Subsystem for Linux)

Docker 설치를 했더니 wsl2 업데이트를 하라고 뜬다.

전부터 관심 가지고 글을 읽어보긴 했지만 직접 시도해본 적 없던  wsl.. 이제 시도해보자.

• WSL을 사용하여 Windows에 Linux 설치
•  

 

기타

• 더미코드

• 다양한 MVC 패턴
  • 너의 MVC는 나의 MVC와 다르다
  •  
• 포트폴리오
  • 개발자 포트폴리오 그런 포트폴리오로 괜찮은가
  • 누군가 포트폴리오 피드백 요청한 글이자 노션 포트폴리오 예시 삼기 좋은 글
  •