1. Intellij GUI를 사용하여 커밋 취소하기Version Control 탭 열기Intellij 하단의 "Version Control" 탭을 클릭 한다.Commit 탭에서 커밋 내역을 확인할 수 있다최근 커밋 선택"Log" 탭으로 이동 한다.가장 최근 커밋을 오른쪽 클릭Reset Current Branch to Here 선택우클릭 메뉴에서 **"Reset Current Branch to Here"**를 선택Reset Type 선택Mixed를 선택하면, 커밋은 삭제되지만, 변경된 파일은 Staged 상태로 유지Soft를 선택하면, 커밋은 삭제되고, 변경된 파일이 Working Directory에 남음Hard를 선택하면, 커밋과 함께 변경사항도 완전히 삭제확인원하는 Reset Type을 선택한 후 확..

Nest.js란위 이미지는 구글 트렌드에서 나오는 Nest.js의 최근 5년간의 관심 변화량이다.Nest.js는 Node.js의 서버 애플리케이션 프레임워크로, TypeScript를 기본적으로 사용하고, 모듈러 아키텍처와 의존성 주입(DI)을 통해 유지보수성과 확장성이 높은 애플리케이션을 만들 수 있도록 설계되었고Angular에서 영감을 받아 비슷한 구조와 패턴을 따른다고 한다.Node로 백엔드 개발을 할 때 많은 선택을 받았다는 것을 알고 있었고 사용 해보고 있다.Angular에서 많은 철학적 영향을 받았다고 하는데 나는 Nest.js를 전혀 모르는 상태에서 코드를 보았을 때 Spring boot와 유사한 느낌을 많이 받았다.Javascript는 너무 자유롭고 Standard를 찾기 어렵다는 생각이 많..

https://youtu.be/qHWog5fRgbg * 원본 영상 : 저세상개발자 재밌는 영상을 보았다, 해당 유튜브 채널 주인분은 서울대 컴공 출신 인 것 같다. 나름 재밌고 유익한 영상이 많이 있는데 그 중에도 구글에서 사내 추천 도서 목록을 알려주고 공유해줘서 나도 블로그에 남겨보려고 한다. 구글 추천도서 목록 URL에서 마음에드는 도서를 확인해보기 바란다. 한글로 기록되어 있는 것을 보면 정말 원본은 아니고 누군가 정리해놓은 스프레드시트 인 것 같다. 나는 개인적으로 아래 리스트의 책들을 읽어 보려고 TODO LIST에 넣어 놓았다. 에릭 감마 - GoF의 디자인 패턴 조슈아 블로크 - 이펙티브 자바 스티브 맥코넬 - 코드 컴플리트 켄트 벡, 신시아 안드레스 - 익스트림 프로그래밍 로버트 C. 마..

이 글에서는 전 회사에서 Next.js + SpringBoot + JPA 로 진행하는 프로젝트를 개발해 가면서 몰랐던 새로 알게되는 전반적인 내용들을 기록하려 한다. 회사에서 진행하는 프로젝트이다 보니 예제코드는 example로 변경해서 기록되어 있기에 정확하지 않을 수 있다. 잘못된 설명이나 오타에 대한 피드백 감사합니다. 쿠키 발급이 안되는 문제 시나리오 기존에는 accessToken과 refreshToken을 localStorage에 보관했었다. 알고보니 token을 localStorage 같은 곳에 보관하면 확장프로그램이나 기타 XSS공격과 같은 심각한 보안문제가 발생한다고 한다. 결과적으로 refreshToken은 HTTP 세션에 보관하고 accessToken은 redux 같은 메모리에만 보관하..

참고 및 추천 자료 HTTP 완벽 가이드 김영한 - 모든 개발자를 위한 HTTP 웹 기본 지식 왜 HTTP를 공부해야 하는가 요즘 웹에서는 모든것이 HTTP 프로토콜 위에서 동작한다. 앱과 서버가 통신하거나 서버와 서버가 통신하거나 이미지나 HTML, 영상, 기타파일 등등 모두 HTTP로 주고 받기 때문에 백엔드와 프론트개발자 모두 HTTP에 대한 이해가 필요하다. HTTP를 제대로 이해하지 못한 상태에서 그냥 개발 경험을 쌓다보면 여러 오류를 만나게 될 것이다, HTTP를 이해하는것이 나중에 다른 개발 경험을 하는데에도 큰 도움이 된다. 특히 백엔드 개발자라면 HTTP에 대한 이해가 있어야 REST API를 설계하는데 중요한 지식이 된다. 웹 개발자라면 계속해서 HTTP 위에서 개발을 해야한다. 집 주..

redux란 무엇인가? redux는 react와 가장 많이 사용되지만 redux자체로 존재할 수 있다, 리액트에서 가장많이 쓰이지만 노드나 vue에서도 사용가능하다. redux 와 react 연결하기 - app.js import React from 'react'; import Head from 'next/head'; import withRedux from 'next-redux-wrapper'; import withReduxSaga from 'next-redux-saga'; import { applyMiddleware, compose, createStore } from 'redux'; import { Provider } from 'react-redux'; import createSagaMiddleware ..