듀의 자료저장소

템플릿 엔진(template enigne) - 노션 교재 참조. HTML은 정적인 언어이다. Javscript의 동적인 연산들을 HTML으로 처리하려면 일일이 써야 하는 불편함이 있다. 템플릿 엔진은 자바스크립트를 사용해서, HTML의 렌더링을 돕는 일종의 도구다. 많이 쓰이는 template engine 종류는 ejs, pug, nunjucks이다. 오늘 다룰것은 nunjucks인데, ejs를 많이 쓰지만 초보자에게 적합하기 때문이다. Nunjus - 빠르게 UI를 구현 가능하다. - 문법이 nunjucks와 같은 것이 많다. (ex 장고) → 넌적스로 개발하면 뒷단을 바꿔도 프론트를 그대로 사용할 수 있다. (재사용성이 높다) Pug 퍼그는 들여쓰기 단위를 사용한다. (중괄호를 쓰지 않음) → 들여쓰..

IT 공부/백엔드(Back-end) 2022. 1. 5. 13:17

터미널 명령어를 입력하다보면, 관리자권한으로 실행해야 할 때가 종종 있다. 다른 터미널을 이용하기 귀찮으니 vscode 터미널을 관리자 권한으로 실행 할 수 있도록 설정해주었다. 1. 한 번만 관리자로 열기 윈도우 클릭하시고 "vscode" 검색, 우클릭하면 "관리자 권한으로 실행"으로 열어줍니다. 2. 계속해서 vscode 관리자 권한으로 실행 (Setting) ① vscode 파일 위치 열기 ② 우클릭하여 '속성'을 열어줍니다. ③ "호환성" tab에 vscode 관리자 권한으로 이 프로그램 실행 [적용] 이렇게 세팅해주시면, vscode 터미널을 사용할 때마다 관리자 권한으로 자동 실행이 됩니다. 이것때문에 번거로운 부분이 있었는데 잘 해결되었네요.

IT 공부/백엔드(Back-end) 2021. 12. 31. 14:44

왜 구글 검색 등록을 안하면, 노출이 안 될까? 기술블로그를 운영하면서 든 생각이 있습니다. 왜 내 블로그가 구글링이 안되고, 다음에서만 뜨지? SEO가 안됐나? 싶었는데, 딱히 규정을 위반한 적은 없었습니다. 그래서 찾아보니 티스토리 블로그는 구글 검색 등록을 따로 해야 한다고 합니다. 다음에서 서비스하고 있는 거라, navaer나 google은 따로 일일이 등록을 해야 합니다. (번거롭네요) 1. 구글 서치 콘솔 이곳에 웹사이트의 도메인이나 url을 입력하면, 간단하게 검색노출 여부, 트래픽을 분석해줍니다. 구글 애널리틱스까지는 아니여도, 대략적인 웹사이트의 실적을 분석할 수 있습니다. 티스토리 블로그가 구글 검색에 뜨길 원한다면 이 곳에 등록해야 합니다. https://search.google.co..

IT 공부/마케팅(Marketing), 블로그(Blog) 2021. 12. 30. 08:30

사용환경: window, vscode 터미널에서 깃허브 로그인 방식이 github 토큰 인증 로그인 방법으로 바뀌었다. 보안상의 이유로, 사이트에서 token을 발급받아 인증해야만 사용이 가능하게 변했다. 이 과정에서 git clone, commit은 되는데 push가 되지 않는 error들이 몇 개 발생했다. (알고 보니, "로그인" 자체가 되지 않아서 Repository가 연결되지 않은 문제였다.) remote: Support for password authentication was removed on August 13, 2021. Please use a personal access token instead. remote: Please see https://github.blog/2020-12-15-t..

IT 공부/작업관리 툴(git,notion...) 2021. 12. 28. 18:01

express --ejs first-project 위 명령어를 입력했더니, 스크립트를 실행할수 없다는 오류가 떴다. 원인을 찾아보니, 보안상의 이유로 window powershell에서 script를 막아놨다. (다른 터미널은 괜찮다.) express : 이 시스템에서 스크립트를 실행할 수 없으므로 C:\Users\Administrator\AppData \Roaming\npm\express.ps1 파일을 로드할 수 없습니다. 자세한 내용은 about_Execution_Po licies(https://go.microsoft.com/fwlink/?LinkID=135170)를 참조하십시오. 위치 줄:1 문자:1 + express --ejs first-project + ~~~~~~~ + CategoryInfo ..

IT 공부/백엔드(Back-end) 2021. 12. 28. 07:34

서버 올린 파일을 삭제하고, 새 파일에서 port 3000 서버를 구동했더니 이런 에러가 생겼다. Node js에서 address already in use 문구를 발견했을 때 간단하게 해결하는 법! 터미널을 변경하는 방법으로 해결된다. node:events:368 throw er; // Unhandled 'error' event ^ Error: listen EADDRINUSE: address already in use :::3000 at Server.setupListenHandle [as _listen2] (node:net:1334:16) at listenInCluster (node:net:1382:12) at Server.listen (node:net:1469:7) at Object. (C:\User..

IT 공부/백엔드(Back-end) 2021. 12. 28. 05:19

1. label 태그의 역할: - input태그와 함께 사용했을 때, 영역이 좁다는 단점을 극복할 수 있다. (클릭 영역이 넓어진다. ex: 체크박스 선택시 input 태그가 체크되어, 선택 영역이 넓어진다.) -label태그가 input 태그를 제어할 수 있도록 돕는다. 2. label 태그와 함께 쓰는 for 속성 "for에 들어가는 value와 id"를 연결해준다. (label 태그 내부의 영역을 선택하면, for 속성이 지정된 "box-itme"인 id값을 찾는다.) => 클릭 영역이 넓어지는 이유. 버튼 영역 뿐만 아니라, 텍스트 영역까지 포함되어서 클릭이 가능하다! → 그래서 for, id는 이름을 같게 써준다. 3. label 태그 예제 (input) 핸드폰을 선택하는 입력 form을 만들고..

IT 공부/프론트엔드(Front-end) 2021. 12. 26. 21:50

Administrator@JY-20190418VQXN MINGW64 ~/Desktop/githubPractice (main) $ git push -u origin main To https://github.com/Seony-95/githubPractice.git ! [rejected] main -> main (fetch first) error: failed to push some refs to 'https://github.com/Seony-95/githubPractice.git' hint: Updates were rejected because the remote contains work that you do hint: not have locally. This is usually caused by anoth..

IT 공부/작업관리 툴(git,notion...) 2021. 12. 24. 14:02