profile
어제보다 나은 개발자가 되기 위해 노력합니다

Slack 클론 코딩 [백엔드 with NestJS + TypeORM] 수강 정리 - 섹션1

컨트롤러를 만들기 전에 모듈을 먼저 만든다.nest generator를 이용하여 만들 경우 파일 생성과 동시에 모듈을 업데이트 해주는 편의성을 제공한다.모듈 생성 : nest g mo moduleName서비스 생성 : nest g s serviceName컨트롤러 생성

2022년 10월 11일
·
0개의 댓글
·

Slack 클론 코딩 [백엔드 with NestJS + TypeORM] 수강 정리 - 섹션0

nest는 node express위에서 작동한다.fastify 위에서도 사용하긴 하지만 node express 위에서 작동하는 것이 성능적으로 불리한 면이 있지만,nest의 결점을 express가 보완해주는 부분이 존재하기에 express 위에서 사용하는 것이 보편적이

2022년 10월 11일
·
0개의 댓글
·
post-thumbnail

오늘의 react 공부정리

배열의 순서를 바꿔 데이터를 가공하여 사용하는 과정에서 , 이뮤터블로 기존의 배열 인스턴스를 그대로 유지하고 그를 카피한 가공배열을 사용하는게 트렌드인데 , 지금 같이 코드를 짜면 기존 인스턴스를 가공하여 사용하게 된다.위와 같은 방식으로 ...Array 의 문법으로

2022년 9월 29일
·
0개의 댓글
·
post-thumbnail

오늘의 리액트 공부 정리

실제 배포를 위해 기존 코딩에서 localhost부분을 제거하고 프록시 처리를 한다.props로 받은것은 가급적 deps에 넣어서 사용소켓통신을 위한 훅을 짜고 있었을때 다소 문법이 생소했는데 , 우선 리턴값이 SocketIOClient.Socket 혹은 undefin

2022년 9월 24일
·
0개의 댓글
·
post-thumbnail

오늘의 리액트 공부정리

레이아웃 매칭 방식은 다양한데이런식으로 해놓고 스위치로 판별하게 만들수 있고,이때는 workspace처럼 상위 라우터의 이름을 일치시켜야한다선언한 state변수의 네이밍이 직관적이지 않을때는 이렇게 재정의 하여 코드를 작성할 수 있다다음과 같이 임의의 매개변수를 명명

2022년 9월 22일
·
0개의 댓글
·
post-thumbnail

오늘의 리액트 공부정리

커스텀 훅 생성중 , 타입스크립트로 매개변수의 형식을 정해줄 때 , any로 잡아줄 경우 매개변수의 any와 result의 any가 같은 형태일 것이라는 보장을 받을 수 없으나 , 제네릭을 사용하면 이를 확실하게 일치하게 하는 보장을 받을 수 있다.위와같이 변경가능각자

2022년 9월 21일
·
0개의 댓글
·
post-thumbnail

react fetcher 구동순서

위와같이 SWR을 사용하여 fetcher를 연동해주면,첫 매개변수의 주소가fetcher의 매개변수로 들어오고 , 이를 통해 axios로 get방식 비동기통신을 시도한 후 ,그에 따른 response 와 error가 다시 useSWR 매서드의 반환값에 매칭된다.

2022년 9월 21일
·
0개의 댓글
·
post-thumbnail

npm audit --force에 관해

다음과 같이 노드프로젝트에서 취약점을 발견하여 이를 없애고자 npm audit fix --force를입력했다가 이렇게 기존에 잘 작동하던 코드가 오류가 발생하는 일이 생겼다.다양한 거친생각이 들었으나 , 침착하게 깃의 package.json의 버젼리스트를 그대로 복구해

2022년 9월 20일
·
0개의 댓글
·
post-thumbnail

오늘의 리액트 공부 정리

이런식으로 라우터 바깥을 스위치로 감싸려면 전자의 사진처럼 브라우저 라우터로 app을 감싸줘야함&로 기존 지원이 안되는 스타일드 태그를 지정하는 식의 추가 문법을 쓰고싶다면 이모션 바벨 플러그인 설치env 부분에서 추가 플러그인 코드 삽입배열구조로 디폴트 속성을 더 넣

2022년 9월 20일
·
0개의 댓글
·

깃 명령 취소

https://velog.io/@henotony/git-명령-취소되돌리기

2022년 9월 20일
·
0개의 댓글
·
post-thumbnail

김영한 스프링 로드맵 1. 스프링 입문 수강후기

간단한 예제들을 통해 스프링을 통한 실무를 간접적으로 접해볼 수 있었다.사실 처음듣는게 아니라 2번째 정주행이기 때문에 대부분알고있던 내용을 환기하는 느낌이었고,그럼에도 새롭게 보이는 것들 , 이해가 부족했던 부분에 대한 완전한 이해가 이뤄져 좋은 경험을 할 수 있었다

2022년 6월 28일
·
0개의 댓글
·
post-thumbnail

김영한님의 스프링 로드맵

그러나 나는 자바 스프링 언어보다 자바스크립트와 그를 기반으로한 프레임워크에 더 매력을 느껴 JS기반으로 취업을 희망하였기에 자바와 스프링을 기본서와 간단한 복습만하고 넘어가서 JS로 진로를 정하고 학습및 프로젝트를 진행하게 되었는데,최근 사실 그저 자바 스프링을 제대

2022년 6월 27일
·
0개의 댓글
·
post-thumbnail

자바스크립트 알고리즘

인프런에서 알고리즘 공부 및 자바스크립트 숙련을 위해 수강하게 된 강의이다.실제로 문제를 풀어보고 해설을 들으며 선배 개발자분들의 다양한 문제를 해결하는 노하우와 문제해결 경험을 쌓아가기 위해 다른 공부와 함께 병행하려고 한다.

2022년 6월 26일
·
0개의 댓글
·
post-thumbnail

모든 개발자를 위한 HTTP 웹 기본 지식

김영한님의 SPRING 로드맵중 세번째에 해당하는 강의이다.학부에서 배우지 않고 실무 위주로 공부하였기에 토대가 부족하다는 점이 발목을 잡을 수 있다고 생각하기에 웹개발자로써 회사에 기여하기 위해 꼭 필요한 강의라고 생각한다.JAVA - SPRING 이 되었건 NODE

2022년 6월 26일
·
0개의 댓글
·

제너레이터/이터레이터

제너레이터: 이터레이터이자 이터러블을 생성하는 함수수강후기강의 길이 자체는 짧지만 담고있는 내용의 깊이가 매우 깊다는 인상을 받는다. 이러한 강의를 그냥 듣고 이런게 있구나 하고 끝나면 내것으로 만들기 어렵고 , 이것을 활용한 복습으로 자연스럽게 이어지면서 마무리가 되

2022년 6월 26일
·
0개의 댓글
·

ES6에서의 순회와 이터러블:이터레이터 프로토콜

for i++for of이터러블: 이터레이터를 리턴하는 Symbol.iterator 를 가진 값이터레이터: { value, done } 객체를 리턴하는 next() 를 가진 값이터러블/이터레이터 프로토콜: 이터러블을 for...of, 전개 연산자 등과 함께 동작하도록한

2022년 6월 23일
·
0개의 댓글
·

함수형 자바스크립트 기본기

코드가 계산(Evaluation) 되어 값을 만드는 것값으로 다룰 수 있다.변수에 담을 수 있다.함수의 인자로 사용될 수 있다.함수의 결과로 사용될 수 있다.함수를 값으로 다룰 수 있다.조합성과 추상화의 도구함수가 값으로 다뤄질 수 있다.함수를 값으로 다루는 함수app

2022년 6월 23일
·
0개의 댓글
·
post-thumbnail

함수형 프로그래밍과 JavaScript ES6+

예전부터 하던 생각이지만 , JS를 아는 것과 JS로 된 프로젝트를 만들 수 있는 것과는 명백히 다르다고 생각한다. 나는 국비출신으로 실무에 필요한 것들을 급하게 배우고 결과물을 만들어 이해하는 방식으로 공부를 하게 되었고 , 언어의 깊이보다 결과물을 우선하게 되었다

2022년 6월 23일
·
0개의 댓글
·
post-thumbnail

우리동네 렌탈대장

현재 훈련중인 국비기관에서 진행하는 세미 프로젝트가 시작한지일주일 좀 넘게 지난 상황이다.프론트는 react + 백엔드는 node.js + DB는 시퀄라이즈와 mysql로진행 중인 상황인데 , 사실 프로젝트 시작일 부터 velog로 기록을 남겼으면 좋았겠지만아직 습관처

2022년 3월 5일
·
0개의 댓글
·
post-thumbnail

aws ec2 배포

실제로 ec2 인스턴스를 두개 생성하여 각 프론트서버 백서버로 할당하고탄력적 IP를 두개 만들어 각각 서버에 해당하는 인스턴스에 매칭 해줌으로써 IP를 고정시킨후실제 메가존 에서 운영하는 호스팅 케이알에서 합리적인 가격으로 'theon2.co.kr' 도메인을 구매하여

2022년 3월 1일
·
0개의 댓글
·