본문 바로가기

분류 전체보기253

JS TEMPLATE ENGINE 의 개념과 Handlebars 사용법 안녕하세요 오늘은 js template engine에 대한 소개를 해보려고 합니다. js template engine이란? 템플릿 엔진의 등장 배경 웹에는 서버, 클라이언트가 있습니다. 기존에는 서버에서 데이터 베이스의 데이터를 가져온 뒤 HTML로 만들어 클라이언트에게 보내주었습니다. 하지만 이 방식은 페이지의 일부만 변경해도 전체 페이지를 다시 그려야 하는 문제가 있었습니다. 이를 보완하기 위해 Ajax가 등장했고, 변경이 필요한 부분만 재가공하여 보여주는 것이 가능해졌습니다. 보통 js, Jquery를 사용하는 경우 HTML에 가공된 데이터를 보여주는데, 조금의 실수라도 있는 경우, 페이지가 보이지 않거나 이상하게 보입니다. 이 때문에 사람 친화적인 문법을 가지고 서버에서 받아온 데이터를 효과적으로.. 2023. 7. 28.
npm 에러 : > 'npm'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다. 오류 해결 문제 상황 js template engine 인 pug를 사용하기 위해 $ npm install pug해당 명령어를 intelliJ terminal에 입력했더니 npm 에러 : > 'npm'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다. 이러한 오류가 발생했습니다. 다양한 이유가 있을 수 있지만 저의 경우 node.js가 아직 설치되지 않아 명령어를 인식하지 못해 발생한 오류였습니다. 문제 해결 node,js 설치 https://nodejs.org/ko/download 해당 링크에 들어가 본인의 운영체제에 맞는 msi를 설치합니다. 저는 window 64 bit 버전을 다운로드 받았습니다. 파일 경로 확인 및 환경 변수 설정 node.js 기본 설치 .. 2023. 7. 28.
티스토리 코드블럭 테마 및 폰트 변경 개발과 관련된 정보를 모두 티스토리에 올리는 저는 코드블럭을 자주 사용하는 편입니다. 기본 테마로 설정되어 있는 경우, 가독성이 떨어지기 때문에 테마 변경을 해주도록 하겠습니다. 기본 플러그인 사용 해제 티스토리 기본 코드블럭 테마가 적용되어 있는 경우, 새로 테마를 다운받아 저장해도 적용이 되지 않으므로 사용을 해제합니다. 저는 이미 해제를 해주었기 때문에 적용이라는 버튼이 뜨네요. 테마 다운로드 highlight.js demo에서 다양한 코드블럭 테마들을 다운받을 수 있습니다. https://highlightjs.org/static/demo/ 개인적으로 Atom One Dark 테마의 가독성이 좋고 색감이 예쁘다고 생각합니다. 인텔리제이에서도 이 테마를 사용하고 있어서 익숙하기도 했습니다. 링크 걸기.. 2023. 7. 27.
마우스 없이 페이지 이동 VINIUM 설치 및 사용 안녕하세요. 오늘은 VINIUM의 설치와 사용에 관한 포스팅을 하려고 합니다. 생산성 향상을 위해 마우스 대신 키보드 단축키를 활용하는 것에 대한 욕심이 있었는데 좋은 기회로 VINIUM 이라는 툴을 알게되었습니다. VINIUM이란?VINIUM은 크롬에서 제공하는 확장 프로그램으로 마우스 없이 크롬 사용이 가능하도록 돕습니다.VINIUM 설치VINIUM은 크롬 브라우저와 호환되며 크롬 웹스토어에 EXTENSION 다운로드가 가능합니다. https://chrome.google.com/webstore/detail/vimium/dbepggeogbaibhgnhhndojpepiihcmeb/related?hl=ko 해당 링크로 접속 후 다운로드를 눌러주세요. 아무 사이트나 가서 F를 누르면 어떤 키를 누르면 해당 .. 2023. 7. 27.
깃 Stash 개념과 사용 예시 안녕하세요 오늘은 깃의 stash 개념에 대해 소개하고 소스트리를 활용해 stash를 사용하는 법에 대해 포스팅하겠습니다. 깃 브랜치 개념 이해하기 stash를 이해하기 위해서는 깃 branch 개념에 대한 이해가 선행되어야 합니다. branch(번역: 나뭇가지)는 이름에서도 알 수 있듯, 하나의 프로젝트에 여러 갈래의 가지를 뻗어 여러 개발자가 함께 하나의 master 브랜치를 완성해나가는 개념입니다. branch는 하나의 이슈당 하나씩 만들어지고, 그 이슈가 해결되면 master 브랜치에 merge되고 해당 branch는 삭제되는 것이 원칙입니다. 개발자들은 자신이 개발한 소스를 commit / push 해서 자신의 로컬 / 원격 브랜치를 운영합니다. 한 개의 commit에는 한 개의 변경사항만을 담.. 2023. 7. 27.
@RequestMapping의 옵션 종류 및 속성 스프링에서 제공하는 RequestMapping 어노테이션에 부여할 수 있는 옵션에 대해 소개하려고 합니다. @RequestMapping 어노테이션은 괄호 안에 해당 코드를 매핑할 주소(URL) 및 옵션을 적어주는 형식으로 쓰입니다. @RequestMapping의 옵션 종류 이름 타입 설명 value String[] URL 값으로 매핑 조건 부여 (defualt) method RequestMethod[] HTTP Request 메서드 값을 매핑 조건으로 부여, 사용 가능한 메서드는 GET / POST / HEAD / OPTIONS / PUT / DELETE / TRACE params String[] HTTPRequest 파라미터를 매핑 조건으로 부여 consumes String[] 설정과 Content-T.. 2023. 7. 25.
반응형

티스토리툴바