Dev study and Repost

Node.js 서버 프로젝트 설정 가이드 (Express + MongoDB + JWT + Multer) 완전 기초! ​​client 프로젝트에 연동할 server 프로젝트​​해당 server 프로젝트 폴더에 server.js 파일 생성​server 폴더 터미널에서아래 명령어 실행$ npm init -y​각종 패키지 설치$ npm i express mongoose cors dotenv jsonwebtoken multer​express - Node.js 웹 서버 프레임워크 (라우팅/미들웨어 쉽게 관리).mongoose - MongoDB ODM (JS 객체처럼 DB 다루기).cors - 다른 도메인에서 오는 요청 허용 설정.dotenv - .env 파일에서 환경 변수 관리.jsonwebtoken - JWT 토..

Moment.js 설치와 간단 활용법 npm install moment 날짜와 시간 다루기​날짜와 시간을 다루는 npm 패키지입니다.자바스크립트(javascrpit) 기본 Date 객제로 표현이 가능하지만,포맷팅이나 계산 반복시 코드가 복잡해지는 경우가 많다.​이런 것을 쉽게 해결하고 날짜, 시간을 다루는데 유용한 패키지인 moment 패키지 정보를 간단하게 글로 남겨본다.​https://www.npmjs.com/package/moment 참 오래된 패키지이다. 깃헙 소스를 보니 최신 업데이트가... 2024년2월..실제 활용 소스 기준으론 2023년12월 이후 업데이트가 없다.​공식홈페이지 링크: https://momentjs.com/ Moment.js | HomeFormat Dates moment()..

바닐라 JS로 크롬 앱 만들기 6장 강좌들 노마드코더 무료강좌*Math.ceil()소수점을 올림하여 더 큰 정수로 만들어줍니다.*Math.floor()소수점을 내림하여 더 작은 정수로 만들어 줍니다.*document.body.appendChild(bgImage);bgImage 요소를 HTML 문서의 에 추가하는 자바스크립트 코드입니다,*각 상위/하위 요소를 생성하고 그 생성한 변수를 활용.소스는 깃허브 참고!끝!

바닐라 JS로 크롬 앱 만들기 5장 강좌들 노마드코더 무료강좌이번 강좌에서는 시간, 날짜 함수와 웹페이지 로딩시, 실시간, 현재시간을 출력하는 실습을 진행합니다.코드 또한 정말 쉽습니다.주요 코드내 함수를 정리해보았습니다.*Date()현재 날짜와 시간을 객체로 변환*setInterval()지정된 시간 간격 마다 특정코드를 반복 실행하는 타이머 함수*setTimeout()지정된 시간이 지난 후 한번 특정 코드를 실행하는 타이머 함수*padStart()문자열의 길이가 부족할 경우, 앞에 지정된 문자를 추가해 원하는 길이로 맞춤-예시) "5".padStart(2, "0") → "05" 단순합니다.끝!

각 코드들이 나오기 마련이다. 간단한 코드 오류로는 200/404/500정도가 아닐까 싶다. 대부분 명칭 오류이거나 주소 오류. 또는 메소드 실행 오류. 경로 오류 등이다. 이것도 문제가 없다면. 서버 클린을 하거나 웹페이지 로딩후 시프트+F5로 웹 브라우저의 캐시들을 리셋. 및 재로드 해주면 해결된다. 아마 대부분 코딩상의 오류가 아닐까 싶다. 나의경우는 없지만. 팀원들 파일을 하나의 프젝으로 합치는데 보면... 팀원들이 명칭을 동일하지 않거나 같은 명칭을 사용해놓아서 내가 다 수정하는데... 하다보니 지저분한 코드들이 너무 많아서 결국 내가 새로이 코딩하는 급이 되네.. 그러다가 지쳐서 그냥 지저분하게 통합을 하고있다.. 다들 코딩하는데 본인것만 해결되면 다 되는줄 알어 ㅠㅠㅠㅠ 나는 힘들다구 ㅠㅠㅠ

코드펜이라는 사이트가 있다. 해당 사이트에서 HTML / CSS / JS 를 한 화면에서 작성을 할수 가 있다. codepen.io/trending CodePen An online code editor, learning environment, and community for front-end web development using HTML, CSS and JavaScript code snippets, projects, and web applications. codepen.io 예시로 왼쪽 프레임의 코드펜 보기 형식을 클릭하면 아래와 같은 배치로 작성이 가능하다 이제 웹상에서 편하게 코딩이 가능하다. 연동 되는 파일들은 어떻게 불러와야할까.. 아마 script 태그를 이용하여 해당 파일의 웹 경로를 활용해..