자바스크립트 (5) 썸네일형 리스트형 [node.js] 서버 손쉽게 열어보시겠습니까? (+DB) 필요한 것 node.js vscode mysql https://nodejs.org/ko/download/ 다운로드 | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 하기에 앞서 터미널 창에서 새로 고침하고 싶으면 ctrl+c입니다. 저 진지해요. 매우 중요해요@! 가봅시다 1. 파일 하나 만들고 vscode로 열기 2. 상단바에서 터미널>새 터미널 3. 프로젝트 생성 터미널 창에 npm init 뭐가 계속 나올텐데 그냥 다 엔터 누르고 마지막에 yes 나오면 yes 입력한다. 그러면 프로젝트 생성 끗 4. 필요한 모듈 설치 터미널 창에 아래 명령어들 입력한다. npm install exp.. [❤️두근두근 자바스크립트 공략❤️] 6장 객체 교재 : 자바스크립트 프로그래밍 입문 객체 선언 방법 1. 객체 선언 let product = { 제품명 : '소곡이', 유형 : '한우 a+', 성분 : '소곡소고', 원산지 : '한국' }; console.log(product) 2. 객체 접근 배열은 요소에 접근할 때 인덱스 사용 객체는 요소에 접근할 때 키를 사용 2-1) 객체['key'] let product = { 제품명 : '소곡이', 유형 : '한우 a+', 성분 : '소곡소고', 원산지 : '한국' }; console.log(product['제품명']); 2-2) 객체.key let product = { 제품명 : '소곡이', 유형 : '한우 a+', 성분 : '소곡소고', 원산지 : '한국' }; console.log(product.성분.. [❤️두근두근 자바스크립트 공략❤️] 5장 함수 교재 : 자바스크립트 프로그래밍 입문 함수 생성 방법 1. 익명 함수(=함수 리터럴) 변수명에 함수 코드를 저장 자바스크립트에서 함수는 자료형 리터럴? 문자 그대로 자료를 나타냄. 변수 안에 있는 상태 X let fun = function(){ console.log("익명함수"); } fun(); // 변수 console.log(fun) 2. 선언적 함수 무명 함수와 반대 의미로 유명 함수라고 하기도 함 함수에 이름이 있기 때문에 버그 발생 시 스택 추적 원활함 함수의 매개 변수로 전달하는 콜백 함수 등을 만들 때 화살표 함수를 활용함 function fun(){ console.log("선언적 함수"); } fun(); //함수 console.log(fun); 3. 화살표 함수 익명 함수를 더 간단하게 .. [❤️두근두근 자바스크립트 공략❤️] 3장 조건문, 4장 반복문 교재 : 자바스크립트 프로그래밍 입문 (정말 뜬금없지만 이 책 순서가 굉장히 뒤죽박죽이어서 조건문하다가 뜬금없이 이상한 내용이 나오기도 한다.) 1. if~else let input = 32; if(input%2==0 && input!=0) console.log("짝수"); else if (input==0) console.log('0'); else console.log('홀수'); 보다시피 C와 굉장히 유사한 형태다. 2. 현재 시간 구하기 현재 시간은 2022년 5월 23일 월요일, 오전 1시 50분 2초다. let date = new Date(); // Date 객체 생성 console.log(date.getFullYear()) // 2022 console.log(date.getMonth()+1) /.. [❤️두근두근 자바스크립트 공략❤️] 2장 변수, 자료형 교재 : 자바스크립트 프로그래밍 입문 이건 알고 들어가자~ 1. 자바스크립트는 코드 끝에 ';(세미콜론)'을 붙여줘야 한다!! => why? 세미콜론을 안 써도 돌아가긴 하는데, 웹 브라우저에서 사용하는 자바스크립트는 코드를 조금이라도 줄이려고 개행을 제거하는데 이 때 세밀콜론이 필요하다. 즉, 세미콜론으로 문장을 구분해주는 것이 자바스크립트 개발자의 관례다. 2. 자바스크립트 자료형은 요기서 체크 https://velog.io/@imjkim49/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EB%8D%B0%EC%9D%B4%ED%84%B0-%ED%83%80%EC%9E%85-%EC%A0%95%EB%A6%AC 자바스크립트- 데이터 타입 정리 자바스크립트 .. 이전 1 다음
