본문 바로가기

WORKS/JavaScript6

[Node] Node.js 서버에 css 및 img 파일 경로 지정하기 / node css 적용 안됨 / node css & img server settings 열심히 적용한 css가 live server에서는 보였는데 서버를 가동하여 페이지를 확인하면 다 깨져보인다면! 혹은 이미지 경로가 분명 틀리지 않았는데 전부 엑박이 뜬다면! 서버에 세팅하는 것을 잊으시진 않았는지 확인해주세요 :) node.js 에서 express.js 프레임워크 기반으로 서버를 사용중인 분들 참고해주시면 되겠습니다. 아래와 같이 userJoin.ejs 파일에서 CSS 파일을 stylesheet로 지정해 둔 상태입니다. 프로젝트 폴더 경로 확인하여 서버 세팅에서 static으로 css의 경로를 지정해주어야 스타일들이 적용되는 모습을 확인할 수 있습니다. img도 동일합니다. img 및 css 폴더 경로 세팅하는 방법! 2023. 1. 12.
[Node] Node.js 에서 Express로 서버 사용하기 express 사용하는 방법 우선 express 프레임워크를 사용하고 싶은 프로젝트 폴더에서 노드 패키지 매니저 명령어를 이용하여 express를 설치해줍니다. npm install express --save 성공적으로 설치되었다면, package.json 파일에서 dependencies 내에 express가 지정된 모습을 볼 수 있음. server.js 내에 아래 코드를 작성해줍니다. express를 서버로서 사용하고, 지정한 포트번호로 연결하는 세팅입니다. 포트번호는 변수로 넘겨도 되고, 그냥 써주어도 됩니다. // 서버 세팅 var express = require("express"); var app = express(); var port = 3001; var server = app.listen(po.. 2023. 1. 12.
[Javascript] 정리2 Math.~ Math .max() 최댓값 .min() 최솟값 .round() 반올림 .floor() 내림 .ceil() 올림 .random() 난수 생성 ex> Math.floor(Math.random() * 11) -3 -3부터 7까지 Date().~ var newd = new Date() .getMonth() 현재 달 .getDate() 현재 일 .getDay() 현재 요일 new Date(연도, 월, 일, 시, 분, 초, ms) 월의 경우 index counting이라 0~11까지이다. new Date(2022, 6, 8, 0, 12, 33) new Date("June 8, 2022 12:34:56" 기타 .toFixed() num1.toFixed(2) num1의 소숫점 두번째 자리까지만 표기 .t.. 2022. 12. 27.
[Javascript] 정리1 배열은 임의로 x로 지정함. console.log() 콘솔창에 표시 document.write() 화면에 표시 document.write(typeof num1); 변수의 타입 확인 prompt(메세지, 기본 응답 표시 내용); var name = prompt("당신 이름은?",""); prompt에 기입한 내용 자체 변수에 지정 가능 a == 10 ? "참" : "거짓" if a == 10 {res = t} else {res = f} 삼항연산자: ? 앞 구문이 참일경우 a : b 에서 a가 도출 거짓일 경우 b 도출 confirm() 둘 중 하나 선택 true, false 로 반환 html head 내 script 태그에서 지정, 외부에서 작성한 javascript 파일과 연동 window.locatio.. 2022. 12. 27.
[JavaScript] 주소 API 사용하기 / 카카오 주소 API / 다음 주소 API / postcode API 회원가입 홈페이지에서 주소 API 넣어서 사용하기 아래는 html 구조이다. 다음 카카오에서는 무료로 주소 API를 제공한다. https://postcode.map.daum.net/guide Daum 우편번호 서비스 우편번호 검색과 도로명 주소 입력 기능을 너무 간단하게 적용할 수 있는 방법. Daum 우편번호 서비스를 이용해보세요. 어느 사이트에서나 무료로 제약없이 사용 가능하답니다. postcode.map.daum.net 해당 사이트에서 가져다 쓰면 된다. 팝업을 이용하여 도로명 주소와 지번 주소 모두 보여주기 사용자가 선택한 값 이용하기 iframe을 이용하여 레이어 띄우기 iframe을 이용하여 페이지에 끼워 넣기 주소를 선택하면 지도도 함께 보여주기 등 5개 종류의 다양한 선택지가 있었는데 나는.. 2022. 2. 18.
[JavaScript] 홈페이지 회원가입폼, 유효성검사 / 정규표현식 regular expression / 정규표현식 학습사이트 / URL parsing 정규표현식? 문자열에 나타는 특정 문자 조합과 대응시키기 위해 사용되는 패턴 아래 사이트에서 더 자세한 사항을 확인해보자. https://developer.mozilla.org/ko/docs/Web/JavaScript/Guide/Regular_Expressions 정규 표현식 - JavaScript | MDN 정규 표현식은 문자열에 나타는 특정 문자 조합과 대응시키기 위해 사용되는 패턴입니다. 자바스크립트에서, 정규 표현식 또한 객체입니다. 이 패턴들은 RegExp의 exec 메소드와 test 메소드 , developer.mozilla.org 이 사이트에서는 정규식을 직접 실습해 볼 수 있다. https://regexr.com/ RegExr: Learn, Build, & Test RegEx RegExr .. 2022. 2. 18.

티스토리툴바