열쩡개발

[SpringBoot] Lazy 칼람 JSON 반환 오류 해결하기 (No serializer fond for class org.hibernate.proxy.pojo.bytebuddy.ByteBuddyInterceptor and no...)

쩡선영 — Wed, 27 Mar 2024 02:37:41 +0900

‍♀️배경

SpringBoot로 Join시킨 FK를 통해 get 요청을 받아서, 데이터를 넘겨주는 api를 작성하고 있는데

No serializer fond for class org.hibernate.proxy.pojo.bytebuddy.ByteBuddyInterceptor and no...

위와 같은 에러가 발생했다.

✅ 해결방법 1

먼저 내가 해본 것은 application.properties에 spring.jpa.properties.hibernate.format_sql=false를 추가해주었다.

spring.jackson.serialization.fail-on-empty-beans=fasle

그러니 단순히 에러는 해결되었지만

이렇게 불필요한 데이터들이 나오게 되었으며, hibernateLazyInitializer 라는 만든적이 없는 데이터도 나오게 되었다

그리하여 다른 방법이 없을까 더 검색을 해본 결과

✅ 해결방법 2

    @JsonIgnore
    @ManyToOne(fetch = FetchType.LAZY)
    @JoinColumn(name = "user_id")
    private UserEntity user;
    
    
    @JsonIgnore
    @OneToMany(mappedBy = "user", cascade = {CascadeType.REFRESH, CascadeType.DETACH, CascadeType.MERGE, CascadeType.PERSIST}, orphanRemoval = true)
    private List<IdeaEntity> ideaEntityList;

이렇게 Join 해줄 칼람 위에 @JsonIgnore 어노테이션을 추가해주었더니 해결이 되었다.

객체지향 설계의 5가지 원칙 (Solid 원칙)

쩡선영 — Tue, 20 Feb 2024 20:09:24 +0900

‍♀️ 배경

개발자라면, 특히 백엔드 쪽이라면 "객체지향~ 객체지향에 맞게 설계해주세요~~" 라는 소리를 한 번쯤은 들어봤을 것입니다. 저도 처음 개발을 처음 접했던 고1때부터 객체지향이라는 단어를 참 많이 들어왔는데요. 이번 스프링부트를 공부하기 시작하면서 이 객체지향 설계의 5가지 원칙인 SOLID 원칙을 제대로 알고 넘어가고 싶어서 이 글을 포스팅하게 되었습니다

‍♀️ Solid 원칙이란?

로버트 마틴이라는 유명한 분이 만드신 원칙인데요.

Solid 원칙이란 객체지향 설계에서 지켜줘야 할 5가지 개발 원칙(SRP, OCP, LSP, ISP, DIP)입니다.

SPR (Single Responsibility Principle) : 단일 책임 원칙
OCP (Open Closed Priciple) : 개방/폐쇄 원칙
LSP (Listov Substitution Priciple) : 리스코프 치환 원칙
ISP (Interface Segregatin Principle) : 인터페이스 분리 원칙
DIP (Dependency Inversin Principle) : 의존관계 역전 원칙

이 다섯가지의 원칙을 SOLID원칙 이라고 합니다.

‍♀️ SRP - 단일 책임 원칙

한 클래스는 하나의 책임만 가져야한다.

단일 책임 원칙의 뜻은, 한 클래스는 하나의 책임만 가져아한다는 것인데요. 이 책임이 클 수도 있고, 작을수도 있어서 참 애매합니다. 여기서 중요한 기준은 변경인데요. 변경이 있을 때 파급 효과가 적으면 단일 책임 원칙을 잘 따른 것입니다.

class Person {
    void teach();		// 가르치기 - 선생님
    void study();		// 공부하기 - 학생
    void learn();		//배우기 - 학생
}

위와 같이 Person 클래스에서는 선생님 역할과 학생 역할을 모두 담고있습니다.

그래하여 Person 클래스는 선생님의 역할과 관련한 기능이 추가될 때마다 코드의 변경이 있어야합니다.

class Teacher{
	void teach();
}

class Student{
	void study();
    void learn();
}

이렇게 선생님과 학생의 역할을 분리하여 단일 책임 원칙을 지켰습니다.

단일 책임 원칙에 맞게 클래스를 수정한다면, 선생님의 역할과 관련한 기능이 추가될 때 Student 클래스가 변경되지 않아도 됩니다.

‍♀️ OCP - 개방/폐쇄 원칙

소프트웨어 요소는 확장에 열려있어야하나, 변경에는 닫혀있어야 한다.

즉, 자신의 확장에는 열려있고, 주변의 변화에 대해서는 닫혀있어야 합니다.

interface Car {
	void accel();
    	void break();
}

class Bus implement Car{
	void accel() { //속도 10 증가 };
    	void brake() { //속도 5 감소 };
 }
 
 class Truck implements Car{
 	void accel() { //속도 5 증가 };
    	void brake() { //속도 3 감소};
}

위 코드는 자동차가 변경되더라도 액셀이나 브레이크를 밟든 아무런 영향을 받지 않습니다. 이는 변경에 닫혀있는 것을 의미합니다.

반대로, 자동차는 Bus나 Truck 이외에도 다른 자동차 종류로 인터페이스를 통해 클래스 확정을 할 수 있고, 클라이언트의 역할에 영항을 끼치지 않으니 확장에 열려있다는 것을 의미합니다.

‍♀️ LSP - 리스코프 치환 원칙

프로그램의 객체는 프로그램의 정확성을 깨드리지 않으면서 하위 타입의 인스턴스로 바꿀 수 있어야 한다.

즉, 하위 타입이 상위 타입이 지정한 제약조건들을 지키고, 상위 타입에서 하위 타입으로 변동이 일어나도 상위타입의 역할을 문제없이 제공하는 것을 의미합니다.

class Car {
	int speed;
	void drive() { 
		this.speed += 10;
	}
}

class Bus extends Car {
	int speed;
	int km;
	
	@Override 
	void drive() {
		// 부모 기능 그대로 수행
		this.speed += 10;
		
		// 하위 타입 기능 추가
		this.km += 1;
	}
}

이렇게 오버라이딩 하게 되면 Bus는 Car(부모) 기능인 speed += 10 기능을 구현할 수 있을뿐더러 km += 1인 하위 타입 기능도 수행할 수 있게 됩니다.

리스코프 치환 원칙을 지키기 위해서는 하위 타입에서 상위 타입은 상속을 하지만 무분별한 메소드 오버라이딩을 줄이는 것입니다. 메소드 오버라이딩을 하더라도 상위 타입이 구현한 기능을 변경없이 구현 후 추가적인 기능을 구현하는 것이 바람직합니다.

‍♀️ ISP - 인터페이스 분리 원칙

클라이언트는 자신이 사용하지 않는 메소드에 의존 관계를 맺으면 안된다.

단일 책임 원칙 (SRP)에서는 하나의 역할만 하도록 다수의 클래스로 분할하였습니다.

하지만 터페이스 분리 원칙은 각 역할에 맞게 인터페이스로 분리하는 것입니다.

단일 책임 원칙과 인터페이스 분할 원칙은 같은 문제에 대한 두가지의 해결책으로도 볼 수 있습니다. 하지만 특별한 경우가 아니라면 단일 책임 원칙을 쓰는게 더 바람직하다고 하네요.

왜냐하면 상위 클래스는 풍성하면 풍성할수록 더 좋고, 인터페이스 내에 메소드는 최소한 일수록 좋기 때문입니다.

interface Person {
    void teach();		// 가르치기 - 선생님
    void study();		// 공부하기 - 학생
    void learn();		//배우기 - 학생
}

이렇게 Person 인터페이스에 선생님과 학생 메소드를 모두 구현하면 안되고

interface Teacher{
	void teach();
}

interface Student{
	void study();
    void learn();
}

기능에 맞게 인터페이스를 분리해야 합니다.

‍♀️ DIP - 의존관계 역전 원칙

프로그래머는 추상화에 의존해야지, 구체화에 의존하면 안된다.

쉽게 이야기하면 구현 클래스에 의존하지 말고, 인터페이스에만 의존하라는 뜻입니다.

역할에 의존하게 해야한다는 것과 같습니다. 객체 세상도 클라이언트가 인터페이스에 의존해야 유연하게 구현체를 변경할 수 있습니다. 만약 구현체에 의존하게 되면 변경이 아주 어려워집니다.

class ComicBook {
	void read();
	void save();
}

이렇게 클라이언트가 ComicBook 클래스에 의존하게 된다면, Magazine이나 클래스를 이용하고 싶을 때 클라이언트의 코드를 전격 수정해주어야 합니다.

interface Book {  
	void read();
	void save();
}

class ComicBook implements Book{
	void read() {...}
	void save() {...}
}

class Magazine implements Book{
	void read() {...}
	void save() {...}
}

class Poem implements Book{
	void read() {...}
	void save() {...}
}

따라서, 클라이언트는 구현체(클래스)에 의존하기 보다는 ComicBook, Magazine, Poem을 추상화한 Book 인터페이스에 의존을 해야합니다. 그리하면 구현체가 변경되어도 코드는 별다른 변경 없이 사용 가능합니다.

참고 문헌

https://velog.io/@zayson/%EA%B0%9D%EC%B2%B4-%EC%A7%80%ED%96%A5-%ED%94%84%EB%A1%9C%EA%B7%B8%EB%9E%98%EB%B0%8D%EC%9D%98-5%EA%B0%80%EC%A7%80-%EC%9B%90%EC%B9%99-SOLID-%EC%9B%90%EC%B9%99

프로그래머스 - 피보나치 수 (JAVA)

쩡선영 — Thu, 15 Feb 2024 18:33:03 +0900

코테 스터디를 끝낸 후, 코테 관련 블로그는 잘 안올릴려 했으나

이 문제는 꼭 블로그에 포스팅하여 한 번 더 정리하고 넘어가야겠다는 생각이 들어

오랜만에 코테 관련 블로그를 끄적여봅니다

프로그래머스 피보나치 수 2단계 문제입니다

https://school.programmers.co.kr/learn/courses/30/lessons/12945

프로그래머스

코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.

programmers.co.kr

❓문제설명

피보나치 수는 F(0) = 0, F(1) = 1일 때, 1 이상의 n에 대하여 F(n) = F(n+1) + F(n-2) 가 적용되는 수 입니다.

예를 들어
F(2) = F(0) + F(1) = 0 + 1 = 1
F(3) = F(1) + F(2) = 1 + 1 = 2
F(4) = F(2) + F(3) = 1 + 2 = 3
F(5) = F(3) + F(4) = 2 + 3 = 5
와 같이 이어집니다.

2 이상의 n이 입력되었을 때, n번째 피보나치 수를 1234567으로 나눈 나머지를 리턴하는 함수, solution을 완성해 주세요.

⚠️ 제한사항 및 입출력 예

n은 2 이상 100,000 이하인 자연수입니다.

n	return
3	2
5	5

✏️ 나의 풀이

피보나치 수는 워낙 유명하며, 수업시간때도 몇번 다뤄본 문제이기에 제귀함수를 써서 가볍게 풀어냈다

class Solution {
    public int solution(int n) {
        if(n <= 1)
            return n;
        else 
            return solution(n-1) + solution(n-2);
    }
}

이게 내가 처음 푼 풀이인데, 답은 맞았지만 시간초과가 나버렸다.

하지만 난 제귀함수로 푸는 방법 밖에 몰랐기에 매우 혼란스러웠다.

그 와중, 어떤 분이 잘 써주신 글을 보게 되었다.

위 글을 보고 머리를 한 대 띵 맞은 느낌이였다. 세상에 천재분들은 많구나...

또, 여태까지 메모리 신경을 잘 안쓰며 개발했던 나날들이 후회하게 되었다.

class Solution {
    public int solution(int n) {
        int answer[] = new int[n+1];
        
        for(int i=0; i<=n; i++){
            if(i == 0) answer[i] = 0;
            else if(i == 1) answer[i] = 1;
            else {
                int sum = answer[i-2] + answer[i-1];
                answer[i] = sum % 1234567;
            }
        }
        
        return answer[n];
    }
}

그래서 위와 같이 코드를 새로 짰다. 이번엔 당연히 통과!!!

위 코드를 간단히 설명해보자면,

n보다 하나 더 큰 배열을 생성해주고
피보나치 수 0과 1의 값은 0과 1이니 예외처리 해주었다.
그리고 배열 index 특징을 살려서 f(n-1) + f(n-2)한 값을 sum이라는 변수에 담아주었다.
answer[i]에는 sum % 1234567 값을 넣어 메모리 초과가 안되게 해주었다.

[NodeJS] 웹 브라우저 쿠키와 세션 알아보기

쩡선영 — Fri, 22 Dec 2023 03:35:14 +0900

오늘은 웹개발의 기초인 쿠키와 세션에 대해 알아보려고 합니다.

‍♀️ 1. 쿠키란

한 사이트에 회원가입 혹은 로그인을 한 뒤, 그 창을 껐다 켜도 로그인 상태로 남아있는 경우를 경험해본 적이 있을 겁니다. 다. 여기서 쿠키가 사용되는데요. 서버가 사용자의 웹 브라우저에 전송하는 데이터라고 생각하시면 됩니다! 브라우저가 이 데이터를 저장했다가, 동일한 서버로 요청이 오면 저장되어있던 데이터를 이용할 수 있게 되는 것이죠.

2. 코드 작성해보기

이제 nodeJs로 간단한 코드 하나 작성해 보겠습니다.

const express = require('express');
const app = express();
const cookieParser = require('cookie-parser');
const port = 3000

app.use(cookieParser());

app.get('/count', function(req, res){
    res.cookie('count', 1);     //cookieParser 안의 cookie라는 메소드를 사용하여 cookie 넘겨주기
});

app.listen(port, function(){
    console.log('Connected Success');
});

우선 필요한 npm들은 다 install 해주세요!

위의 코드들은 count라는 키로 1이라는 값을 쿠키로 저장하는 코드입니다.

cookie라는 메소드는 cookieParser 안에 있는것인데요. 이 메소드를 통해 클라이언트로 데이터들을 넘겨줍니다.

서버를 실행시켜주고 localhost:3000/count로 접속한 뒤 F12 -> 네트워크에 들어가보시면

요청 헤더의 Cookie count = 1이 보이실 겁니다.

이런 식으로 쿠키를 저장하고 불러올 수 있습니다.

하지만 쿠키는 보안에 치명적인데요. 회원의 정보를 저장하는 쿠키를 생성했을 경우, 다른 사람들에게도 쉽게 회원 정보가 유출 됩니다.

그리하여 사용하게 될 것은 session이라는 것입니다.

‍♀️ 3. 세션(session) 이란

세션은 쿠키를 기반으로 하고있지만, 데이터를 서버 측에서 관리합니다. 사용자의 정보 파일을 브라우저에 저장하는 쿠키의 보안 문제를 한 층 해결한 것이죠.

4. 코드 작성해보기

이제 한 번 간단한 코드를 작성해보겠습니다.

const express = require('express');
const session = require('express-session');
const port = 3000

const app = express();
app.use(session({
    secret: '1234322#@3wrwed',      //랜덤 값(쿠키 아이디) 넣기
    resave: false,              // 세션 아이디를 한 번 발급했으면 다시 발급하지 말아라
    saveUninitialized: true     // 세션 id를 사용하기 전까진 발급하지 말아라
}));

app.get('/session', function(req, res){
    if(req.session.count){
        req.session.count++;
    } else {
        req.session.count = 1;
    }
    res.send('count : ' + req.session.count);
});

app.listen(port, function(){
    console.log('Connected Success');
});

필요한 npm들은 다 install 해주세요!

위의 코드를 간단히 설명하자면 count라는 이름의 세션이 없다면 1로 초기화 된 count 세션을 만들고, 있다면 count 세션을 하나씩 추가해라. 라는뜻입니다.

하나씩 살펴보겠습니다. 먼저 세션에 사용되는 정보들을 설정해줘야 하는데요.

seceret에는 임의의 쿠키 아이디 값을 넣어줍니다.

resave에는 세션 아이디를 한 번 발급하였다면 다시 발급하지 마라는 뜻입니다.

saveUninitialized는 세션 아이디를 사용하기 전가지는 발급하지 말라는 뜻입니다.

~~뭐 저도 어디서 주워들은 거지만 false, true가 국룰 이라네요... (죄송해요저도이건잘...)~~

아무튼!!! 서버를 실행시키고, localhost:3000/session으로 접속해보면

이렇게 쿠키와는 다르게, 해독하기 어려운 이상한 문자들이 값으로 들어간 것을 볼 수 있습니다!

[Firebase] 호스팅 생성 및 웹 배포하기

쩡선영 — Fri, 17 Nov 2023 20:41:27 +0900

프로젝트 생성

https://firebase.google.com/?hl=ko

Firebase | Google’s Mobile and Web App Development Platform

개발자가 사용자가 좋아할 만한 앱과 게임을 빌드하도록 지원하는 Google의 모바일 및 웹 앱 개발 플랫폼인 Firebase에 대해 알아보세요.

firebase.google.com

위의 링크로 들어가셔서 로그인하신 뒤, 시작하기 버튼을 눌러주세요

프로젝트 추가 선택합니다.

프로젝트 이름을 입력하시고 계속을 눌러주세요

애널리틱스 사용 설정을 허용해주시고, 계속을 눌러줍니다.

자신의 계정을 선택하시고 프로젝트 만들기를 선택합니다.

호스팅 생성하기

npm install -g firebase-tools

터미널에 들어가셔서 위의 명령어를 입력합니다.

그러면 자동적으로 npm이 firebase CLI를 설치해줍니다.

-g는 global의 약자로, 전역에 설치를 해준다는 것을 뜻합니다.

firebase login

그 후 firebase에 로그인을 해줍니다.

어떤 질문이 나올텐데 Y라고 입력해주시면 됩니다.

그러면 이렇게 자신의 구글계정이 나올텐데, 로그인을 해줍니다.

허용을 선택해주시면 끝!

다시 터미널로 돌아오면 Success! Logged in as [이메일]이 있으면 성공하신 겁니다:)

Firebase Init

firebase init

그 후 배포할 폴더가 있는 곳으로 가서 firebase init를 입력해주세요

중간에 Are you ready to proceed? 질문이 나오면 Y를 입력해주세요

방향키로 Hosting: Configure files for Firebase Hosting and (optionally) set up GitHub Action deploys로 가주시고 Space를 눌러서 선택한 뒤, Enter를 누르세요!

그 후 Use an existing project를 선택한 뒤 Enter를 누르면

자신이 만든 프로젝트를 선택하고, Enter을 누릅니다

그 후 Public -> N -> N을 입력해주세요!

배포하기

아까 firebase init 해줬던 폴더에 들어가보면 public 파일이 보일겁니다!

public폴더에 자신이 작업한 것을 넣고

firebase deploy

다시 터미널로 돌아가 firebase deploy를 입력해주세요!

그러면 이렇게 호스팅 된 URL이 뜰 거에요

호스팅 완료된 URL로 들어가면 자신이 했던 프로젝트가 보일 겁니다!

만약 재배포를 하고싶다면

firebase deploy를 다시 입력해주면 끝입니다!

[IntelliJ] 여러 개 프로젝트 동시에 띄우기 (멀티모듈), Module SDK is not defind 에러

쩡선영 — Wed, 15 Nov 2023 23:42:21 +0900

‍♀️ 1. 배경

자바 프로젝트 때문에 소켓서버를 실행하는 와중, 서버 리포지토리와 기존 리포지토리 두 창을 켜서 작업하는 것이 매우 번거로웠다. Eclipse 처럼 여러개 프로젝트를 한 창에 띄울 수 있는 방법이 궁금해졌다

‍♀️ 2. IntelliJ와 Eclipse에서 사용하는 용어

IntelliJ	Eclipse
Project	Workspace
Moudle	Project

이렇게 IntelliJ와 Eclipse에서 사용하는 용어가 다르다.

나도 처음에 혼동이 왔던 개념이라 잘 정리해두면 유익할 거 같다.

https://whitepaek.tistory.com/47

[IntelliJ] 자바 멀티 프로젝트(모듈) 생성하기

인텔리제이(IntelliJ)에서 이클립스(Eclipse)처럼 워크스페이스(Workspace)에 여러 개의 프로젝트를 생성하는 방법을 알아보도록 하겠습니다. 우선 설명에 앞서 인텔리제이와 이클립스에서의 용어와

whitepaek.tistory.com

자세한 개념은 위의 블로그 참고하세면 좋을 거 같습니다.

‍♀️ 3. 멀티모듈 설정하기

먼저 설정할 모듈들의 위치를 동일시 해줘야한다.

이렇게 나는 프로젝트 폴더 안에 프론트 리포지토리와 백엔드 리포지토리의 위치를 동일시 해줬다

File > New > Module from Existing Sources... 에 들어가준다

그 후 추가해줄 모듈을 선택하고 OK 버튼을 누른다

Import module from external moduel에 Maven을 선택해주고 Create를 눌러준다

그 후 IntelliJ를 껐다가 다시 실행해주면 된다

[ Module SDK is not defind 에러]

IntelliJ를 다시 실행해줬더니 "Module SDK is not defind" 에러가 발생했다.

그러면 당황하지 말고 옆에 있는 Set up SDK를 눌러주면 정상적으로 작동하는 것을 볼 수 있다.

[NodeJS] .env 파일 생성 및 사용

쩡선영 — Wed, 15 Nov 2023 03:26:12 +0900

‍♀️1. 배경

AWS로 서버를 배포하는 과정 중, RDS로 발급받은 엔드포인트를 숨겨서 깃허브에 올려야했었다.

전공선생님께 여쭤본결과 .env를 사용하면 된다고 했다.

‍♀️2. .env 파일이란?

개발을 하다보면 git, 오픈소스에 올리면 안되는 것들이 있다. 이런걸 환경변수(env)로 설정해놔서 관리해주는 것이다.

3. .env 사용법

npm install dotenv

dotenv를 install 해줍니다.

그 후 .env 파일을 생성해주세요.

DB_HOST = 
DB_DATABASE = 
DB_USER =

이런 식으로 .env에 숨길 값을 넣어 줍니다

그 후 다시 본 코드로 와서

require('dotenv').config()

맨 위에 dotenv를 추가해줍니다

console.log(process.env.DB_HOST)

그 후 이렇게 출력해보면 값이 잘 출력 되는 것을 볼 수 있습니다

그럼 이렇게 깃허브를 보면 .env 파일은 아예 올라가지 않게 되어, 키페어가 보이지 않게 됩니다.

[Git] .gitignore 생성 및 적용해보기 (with VS Code, Node)

쩡선영 — Thu, 2 Nov 2023 02:53:12 +0900

‍♀️ 1. .gitignore이란?

.gitignore 파일은 github에 추가되지 말아야하는(무시되어야 하는) 폴더나 파일을 정의하는 파일이다.

예를 들자면, NodeJs에서 npm으로 install한 다양한 module들은 용량이 많이 필요하며, pacakge.json 파일만 있으면 module들을 install할 수 있기 때문에 필요없는 폴더이다.

이러한 것을 정리(정의) 해주는 것이 .gitignore 파일이다.

2. .gitignore 생성 및 적용

.gitignore 파일을 직접 작성하기엔 매우 번거롭고 귀찮은 일이다.

하지만 아래 링크로 들어가면 간단하게 .gitignore 파일을 생성할 수 있다.

https://www.toptal.com/developers/gitignore

gitignore.io

Create useful .gitignore files for your project

www.toptal.com

gitignore.io에 들어간 뒤 자신이 입력하고자 하는 .gitignore의 키워드를 입력하면 된다

나는 VisualStuidoCode에서 NodeJs 관련된 .gitignore을 만들 것이기에 저렇게 입력해주었다.

"생성" 버튼을 누르면

이런 식으로 엄청 긴 .gitignore파일을 생성해준다.

위의 것을 전체 복사해준 뒤

다시 IDE로 돌아가 .gitignore파일을 생성해주고 코드를 붙여넣어준다.

~~저는 이미 .gitignore을 생성해주고, module들을 설치 해준 뒤 다양한 커밋푸쉬를 진행했기에 다른 것은 무시하셔도 됩니다.~~

그런 뒤 이제 한 번 간단하게 body-parser NPM을 install 해보겠다

그럼 이렇게 깃변경사항에 node_modules 파일은 뜨지 않는 것을 볼 수가 있다.

[NodeJs] NPM 설치(install)하는 법

쩡선영 — Wed, 18 Oct 2023 08:05:04 +0900

‍♀️ 1. NPM이란

설치를 하기에 앞서, NPM(NodeJs Package Manager)은 다른 사람들이 잘 만들어놓은 모듈들을 npm을 통해 설치하여 사용가능하다. NodeJs는 프레임워크가 아니기 때문에 npm을 통해 필요한 기능을 install하여 사용해야한다. node js에 npm이 기본적으로 깔려있기에 npm 명령어를 이용할 수 있다.

https://www.npmjs.com/

npm | Home

Bring the best of open source to you, your team, and your company Relied upon by more than 17 million developers worldwide, npm is committed to making JavaScript development elegant, productive, and safe. The free npm Registry has become the center of Java

www.npmjs.com

위 사이트에서 사용하고자 하는 npm을 검색하면 다양한 정보와 사용 방법을 얻을 수 있다.

‍♀️ 2. NPM 설치하기

이제 본격적으로 npm을 설치해보자.

vscode를 킨 다음 터미널(Ctrl + Shift + `)을 켜보자.

npm init

npm init를 입력하면

알 수 없는 텍스트들이 나오는데 무시하고 Enter를 눌러주면 된다

그럼 package.json이 생긴 게 보일 것이다.

pacakge.json은 설치된 모듈들을 정리해주는 파일이라고 생각하면 된다.

이제 사용하고자 하는 npm을 install할 수 있다.

나는 express라는 서버 프레임워크를 install 해보겠다

npm install [다운 받을 npm 이름]

이렇게 install하면 된다. 나는 "npm install express"를 입력하였다.

그러면 이렇게 pacakge-lock.json과 node_modules 폴더가 생겼을 것이다.

pacakge-lock.json도 설치된 모듈을 확인할 수 있는데, package.json보다 더 자세한 정보를 담고 있다

node_modules는 install 한 모듈들이 저장되는 곳이다

const express = require('express')
const app = express()

app.get('/', function (req, res) {
  res.send('Hello World')
})

app.listen(3000)

위의 코드를 입력하고 터미널에

node [파일명.js]

를 입력하여 서버를 실행시키고

http://127.0.0.1:3000 에 들어가니 HelloWorld가 출력되어있으면 정상적으로 express가 install된 것이다

[NodeJs] 프레임워크 (NodeJs는 프레임 워크일까?)

쩡선영 — Mon, 16 Oct 2023 08:17:59 +0900

개발 공부를 하면 "프레임워크"라는 단어를 많이 들어봤을 것입니다.

‍♀️프레임워크란?

Frame(틀) + Work(일)의 합성어로 어떠한 일을 처리하기 위한 구조를 제공하는 것.

즉, 전체 동작방식은 프레임워크가 제공하고 우리는 프레임워크의 일부 부분을 개발하는 것입니다.

그렇기에 프레임워크를 이용하게 된다면 처음부터 끝까지 모든 동작을 개발하지 않고, 특정 부분만 도움을 빌려 개발하면 됩니다.

잘 감이 안오시죠? 예를 하나 들어보겠습니다.

떡볶이를 만들기 위해 떡을 불리고, 소스를 만들고, 재료를 손질하는 등 다양한 과정을 걸쳐야 합니다. 하지만 떡볶이 밀키트를 이용하면 재료를 넣고 끓이면 되기 때문에 아주 간편하게 요리를 도와줍니다. 여기서 프레임워크는 밀키트와 같은 역할을 합니다.

‍♀️NodeJs도 프레임워크 일까?

정답은 NO 입니다!

보통의 로드맵이 아래와 같이 구성되어 있습니다.

JAVA - Spring

Python - Django

JavaSctipt - NodeJs

그리하여 저도 당연히 NodeJs가 프레임워크로 생각하였습니다.

하지만 NodeJS의 본질(정의)를 알면 해결이 되는 궁금증이였습니다.

NodeJs란 자바스크립트를 실행시키는 실행환경.

NodeJs는 단순 실행환경이기에, 프로그램 구조에 대한 설계를 다 개발자가 해야합니다.

하지만 이렇게 되면 매우 불편하니 NPM 안에 있는 다양한 패키지들을 install해서 사용합니다.

NPM 관련 된 건 다음 포스팅때 설명해보겠습니다!