분류 전체보기 396

004 PM2 실행되지 않음

- 삭제 후 재설치 https://dev-tatolee.tistory.com/m/9 [node.js] pm2 실행 안되는 오류 해결 pm2를 설치했는데 찾지 못하는 오류 해결방법 pm2를 pc에서 다른 사용자로 쓰려고 하는데 pm2를 방금 설치했는데도 찾지 못하는 오류를 겪었다. 설치를 하고 pm2 start app.js를 입력하면 'pm2'은(는) 내 dev-tatolee.tistory.com 사용자 변수 혹은 시스템 변수에 경로 추가 - 재부팅

node js

0. node.js 셋팅 (cmd 환경) - 'node -v' > 버전 출력되면서 준비 - 'node' > 실행 - console.log(1+1); > 결과값 출력됨 - .exit / ctrl+c 두번 > 나가기 1. cmd 다루기 - cd '폴더 주소' > 디렉토리 위치 변경 - 해당 위치에서 'dir' > 폴더 내부 보여줌 - 해당 위치에서 '파일이름' > 실행 2. node.js 웹서버로 활용하기 - 서버 오픈 : cmd > 출력물 있는 dir로 이동 > node server.js(node가 서버파일을 실행하게 한다) - 출력 > localhost:3000 3. 접속 기록 확인하기 - reponse 파트에 console.log(__dirname + url); 삽입 - 접속시마다 cmd에 기록이 뜬다..

프로젝트 008 - JS로 다크모드 버튼 구현하기

https://www.youtube.com/watch?v=Gt2iGEEKXww&list=PLuHgQVnccGMBB348PWRN0fREzYcYgFybf&index=17 0. 원하는 그림 - 다크모드 on/off를 만들고 싶다 1. 그림이 현실에서 어떻게 나타나는지 - 백그라운드 컬러 = 블랙 - 글자 컬러 = 화이트 2. 플로우 / 공간 잡기 / 더듬기 - 일반 모드 > 버튼 클릭 > 다크모드 - 다크 모드 > 버튼 클릭 > 일반모드 mvf : input id 3. 포인트 4. 구현되어져야 하는 기능 - input type = "button" value = "darkmode on" onclick="" - document,querySelctor('body').style. 5. 파워 서플라이 if문을 통해서 ..

카테고리 없음 2022.02.09

Javascript

0. html 환경에서의 javascript 실행 = 1. html과 javascript의 출력 차이 2. on event 3 검사 > console(혹은 esc) : JS를 사용가능하게 함 글자수 알람 띄우기 테스트 4. data type(자료형) ✔Primitive values(immutable datum represented directly at the lowest level of the language) - Boolean - Null - Undefined - Number - Biglnt - String - Symbol ✔Objects(collection of properties) 참고 : https://developer.mozilla.org/en-US/docs/Web/JavaScript/Data_..

CSS

0. HTML 폰트 컬러 1. 인식하지 않음 2. CSS로 인식할것 3. a 태그의 CSS 폰트 컬러 a { color:red; } 4. a 태그의 CSS 속성 없음 a { text-decoration:none: } 5. 전체 태그 아닌, 한줄만 따로 CSS 처리 ~text-decortion:underline 한줄에 있어도 동작함 6. 7. 글자크기 조절과 정렬 h1 { font-size:45px; text-align: center; } 8. html 상태 클래스 할당 + CSS 컬러 (바디부분) ~ (헤드부분) .saw { color:gray; } > 클래스 선택자는 앞에 점 붙일것 > 클래스는 띄워쓰기로 여러개 할당 가능(class="saw active") 9. 동일 셀렉터 10 HTML 아이디 할당..

프로젝트 007 : google analytics 사용하여 방문자 분석기 추가

0. 되어야 하는 그림 - 방문자 분석기 추가 1. 구현 방식 google analytics plugin 사용 2. 워크플로 - github에 repository로 기존 파일 올림 - http 주소 할당받아 google analytics 방문자 분석에 주소 추가 - 트래킹 고유 태그 깃헙 소스코드 head부분에 업데이트 3. 정상 작동 확인 - pc로 접속 - 핸드폰으로 접속 (구현 화면) https://riptaggart.github.io/visitor_traking_html/index.html (소스 코드) https://github.com/riptaggart/visitor_traking_html (google analytics) https://analytics.google.com/analytics/..