본문 바로가기
728x90

JS

JS/JavaScript 2023. 9. 11. [JaraScript] 변수와 함수의 호이스팅 호이스팅이란? 인터프리터가 코드를 실행하기 전에 함수, 변수, 클래스 또는 임포트(import)의 선언문을 해당 범위의 맨 위로 이동시키는 과정으로 함수, 변수 등을 선언 이전에 호출시켜도 호출이 되는 것. 변수(함수) 선언 단계 let과 const 변수의 선언 단계 var 변수의 선언 단계 let과 const 키워드 / var 키워드 console.log(letKeyword); // let, const키워드는 메모리가 할당되기 전 참조하려고(TDZ에 위치) 하기 때문에 Error // letKeyword is not defined let letKeyword = 'let is safe'; console.log(varKeyword); // var 키워드는 선언 단계와 초기화 단계가 묶어져서 진행되므로 선언..
JS/node.js 2022. 6. 28. [nodeJS] BootStrap BootStrap - html을 쉽게 생성하기 위한 라이브러리 https://getbootstrap.kr/docs/5.1/getting-started/introduction/ 시작하기 세계에서 가장 인기있는 프레임워크인 Bootstrap으로 반응형, 모바일 우선 사이트를 jsDelivr와 스타터 페이지 템플릿을 통해 시작해보세요. getbootstrap.kr Get start의 Starter Templet복사 후 index.html에 붙여넣기 버튼 추가 좌측 메뉴 컴포넌트 - 버튼 클릭 원하는 버튼 소스 복사해서 index.html에 추가 메뉴바 추가 [Navbar] 원하는 디자인 소스 복사 후 index.html에 추가
JS/node.js 2022. 6. 28. [nodeJS] 파일 로드 get요청 시 html 파일 전송 res. sendFile(파일명) // html 파일 전송 app.get('/', function(req, res) { // '/' : 홈 res.sendFile(__dirname + '/index.html') }) const express = require('express'); // 설치한 라이브러리를 첨부 const app = express(); // 첨부한 라이브러리로 객체 생성 // html 파일 전송 app.get('/', function(req, res) { // '/' : 홈 res.sendFile(__dirname + '/index.html') })
JS/node.js 2022. 6. 28. [nodeJS] nodemon 라이브러리 nodemon 라이브러리 서버를 자동으로 재실행 시켜주는 라이브러리 -g : 모든 폴더에서 nodemon사용 가능 npm install -g nodemon yarn add global nodemon nodemon 라이브러리 실행 nodemon server.js 보안오류 뜰 시 powershell 관리자 권한으로 실행 executionpolicy 입력 -> Restricted가 나온다면 신뢰하지 않는 스크립트 사용 금지 set-executionpolicy 입력 -> y 로 설정
JS/node.js 2022. 6. 28. [nodeJS] 서버 생성 패키지 내 마우스 우클릭 - 새파일 - 파일명 입력 server.js 서버를 생성하기 위한 기본 문법 const express = require('express'); // 설치한 express라이브러리를 첨부 const app = express(); // 첨부한 라이브러리로 객체 생성 app.listen(8080, function() { console.log('listening on 8080') }); // 컴퓨터에 서버 오픈. 포트번호, 띄운 후 실행할 코드 // 8080포트로 웹서버 열고 // 열리면 listening on 8080 출력 서버 실행 node 파일명.js 서버로 GET요청 처리 /pet 으로 방문 시 pet 관련된 안내문을 띄우기 app.get('/pet', function(요청, 응답..
JS/node.js 2022. 6. 28. [nodeJS] Express 라이브러리 라이브러리 - 코드를 쉽게 짜기 위해 빌려쓰는 코드 모음집 npm - 라이브러리 설치를 도와주는 도구 express - 서버를 쉽게 만들 수 있게 도와주는 라이브러리 express 라이브러리 설치하기 터미널 열기 npm init 입력해서 어떤 라이브러리 설치했는지 기록 → package.json 파일 만들어서 기록 - npm init을 사용하면 자동으로 생성 entry point만 원하는 파일명으로 설정하고 나머지 enter npm install express 입력
JS/node.js 2022. 6. 28. [nodeJS] nodejs, vs코드 설치 1. nodejs를 사용할 수 있게 하기 위해 nodejs를 설치 https://nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 2. 코드 작성할 vs코드 설치 https://code.visualstudio.com/
JS/jQuery 2022. 5. 9. [jQuery] jQuery 예제 (회원 가입) jQuery로 회원가입 //정규식 const expNameText = /[가-힣]+$/; const expNameText = RegExp(/[가-힣]+$/); if(!expNameText.text($('#name').val())){ .... } 회원가입 아이디 : 비밀번호 : 비밀번호 확인 : 이름 : 휴대폰 번호 : 이메일 : 취미 : 드라이브 영화감상 쇼핑 게임 운동 주민등록번호 : - 생년월일 : 년 월 일 우편번호 : 주소 : 상세주소 : 참고항목 : function sendit() { //정규식 const expNameText = RegExp(/[가-힣]+$/); //이름 가-힣범위 +: 몇글자든 상관 없고 한글만 나오고 $:끝냄 const expHpText = RegExp(/^\d{3}-\d{..
JS/jQuery 2022. 5. 9. [jQuery] 이벤트 이벤트의 변화 - bind() -> live() -> delegate() -> on() 이벤트 - 1 이벤트 - 2 공부한 과목 HTML, CSS, JavaScript, jQuery
JS/jQuery 2022. 5. 9. [jQuery] 클래스 클래스의 설정 addClass() - 클래스를 추가 removeClass() - 클래스를 제거 toggleClass() - 클래스가 없으면 인수로 전달받은 클래스가 추가되고, 있으면 제거 hasClass() - 인수로 전달받은 값이 선택한 요소의 클래스 이름과 일치하는지 확인 클래스의 설정 jquery HTML CSS JavaScript
JS/jQuery 2022. 5. 9. [jQuery] attribute & property attribute와 property의 차이 //옛날 문법 attr() - 해당 요소의 명시된 속성의 속성값을 반환하거나 설정 prop() - 제이쿼리 1.6부터 정의된 메소드 - 선택한 요소 집합의 첫번째 요소의 지정된 프로퍼티 값을 반환하거나, 선택한 요소의 지정된 프로퍼티를 전달받은 곳으로 설정 attr와 prop차이 HTML CSS
JS/jQuery 2022. 5. 9. [jQuery] 박스 모델 메소드 박스모델 관련 메소드 width() - 가로 크기를 가져오거나 설정하는 메소드 height() - 세로 크기를 가져오거나 설정하는 메소드 innerWidth() - 요소의 가로크기 + 패딩의 가로크기를 합한 크기를 가져오거나 설정하는 메소드 innerHeight() - 요소의 세로크기 + 패딩의 세로크기를 합한 크기를 가져오거나 설정하는 메소드 outerWidth() - 요소의 가로크기 + 패딩의 가로크기 + 테두리의 가로크기를 합한 크기를 가져오거나 설정하는 메소드 outerHeight() - 요소의 세로크기 + 패딩의 세로크기 + 테두리의 세로크기를 합한 크기를 가져오거나 설정하는 메소드 outerWidth(true) - 요소의 가로크기 + 패딩의 가로크기 + 테두리의 가로크기 + 마진의 가로크기를 ..

티스토리툴바