전체 글 113

4주차 foreach, map 함수/ delete와 put

foreach: 원래 배열을 사용하기 위해 만들어짐  - 콜백함수 : 전달 받은 객체 또는 배열에서 요소를 하나 꺼낸 다음 불림매개변수 순서 : 요소, 인덱스, 객체 통째로arr.forEach(function (value, index, array) { console.log(value, index, array);}); ➜ 결과1 0 [ 1, 2, 3, 4, 5 ]2 1 [ 1, 2, 3, 4, 5 ]3 2 [ 1, 2, 3, 4, 5 ]4 3 [ 1, 2, 3, 4, 5 ]5 4 [ 1, 2, 3, 4, 5 ]  - map과 함께 사용하기 / map에서 값을 하나씩 가져올 수 있음!let map = new Map();map.set(7, "seven");map.set(9, "nine");map.set(8,..

4주차 post와 postman

(복습) http method- 생성(=등록) : POST   ex. 회원가입 = 나 좀 등록해줘 = id, password, name, email, contact     --> url로 보내지 못함! body에 숨겨야..만 post인 줄 앎- 조회 : GET   ex.URL로 데이터 보냈는데? --> 어차피 body 숨길 수 없음 POST숨기는데 어떻게 테스트? postman 설치 GET 테스트- vscode에서 파일 실행 후 실습 1 - getconst express = require("express");const app = express();const port = 3000;app.get("/", (req, res) => { res.send("Hello World!");});app.post("/te..

기본 14. switch문

문법: 하나 이상의 case문과 선택적으로 default문 존재 switch(x) { case 'value1': // if (x === 'value1') ... [break] case 'value2': // if (x === 'value2') ... [break] default: ... [break]}변수 x값과 일치하는 case에 들어가 해당하는 코드 실행break를 만나거나 switch 문의 마지막 줄을 만나면 끝일치하는 case가 없으면 default문 실행 (있으면)- break들어간 case에 break가 없으면 만나는 case를 계속해서 실행let a = 2 + 2;switch (a) { case 3: alert( '비교하려는 값보다 작습니다.'..

javascript 2024.09.05

기초 13. while과 for 반복문

용어iteration (반복) : 반복 본문이 한 번 실행되는 것 / 3번 실행되면 세 변의 이터레이션이라고 함 'while' 반복분문법while (condition) { // 코드 // '반복문 본문(body)'이라 불림}조건이 참이면 코드 실행예제 1// i++가 있어 무한반복이 되지 않음let i = 0;while (i  예제 2// 자동으로 조건을 0으로 만들어 false 후 반복 탈출let i = 3;while (i) { // i가 0이 되면 조건이 falsy가 되므로 반복문이 멈춥니다. alert( i ); i--;} 'do...while' 반복문문법 / 본문 최소 '한' 번 실행do { // 반복문 본문} while (condition); 본분 먼저 실행 -> 조건 확인 -> 참이면..

javascript 2024.09.04

기초 12. nullish 병합 연산자 '??'

nullish 병합 연산자(nullish coalescing operator) ??: 변수 중 값이 '확정된' 변수를 찾을 수 있음 a ?? b a가 null도 아니고 undefined도 아니면 a그 외의 경우는 b   =         x = (a !== null && a !== undefined) ? a : b;    --> 코드 길어짐 세 변수 중 실제 값이 있는 변수 출력, 모두 값이 없으면 '익명 사용자' 출력  --> ??를 사용해 세상 간편~~~~ 가장 먼저 값이 있는 변수를 출력함let firstName = null;let lastName = null;let nickName = "바이올렛";// null이나 undefined가 아닌 첫 번째 피연산자alert(firstName ?? last..

javascript 2024.09.03

4주차 express 구조

구조를 알아 보기 전 express-generator을 설치해야한다.설치는 아래 링크에! https://kekehome.tistory.com/28 그냥 객체 만들어서 set()을 통해 객체 담으면 됨! let db = new Map(); //데이터베이스 대신 map 사용let notebook = { productName: "Notebook", price: 2000000,};let cup = { productName:" data-og-host="kekehome.tistory.com" data-og-source-url="https://kekehome.tistory.com/28" data-og-url="https://kekehome.tistory.com/28" data-og-image="https://scra..

4주차 map과 express, 함수의 형태

string만 담던 mapvalue 로 객체 담기! --> 그냥 객체 만들어서 set()을 통해 객체 담으면 됨! let db = new Map(); //데이터베이스 대신 map 사용let notebook = { productName: "Notebook", price: 2000000,};let cup = { productName: "Cup", price: 3000,};let chair = { productName: "Chair", price: 100000,};let poster = { productName: "Poster", price: 20000,};db.set(1, notebook); //키로 벨류를 찾을 수 있는 한 쌍을 저장db.set(2, cup);db.set(3, chair);d..

기초 11. 논리 연산자

세 종류 : || (OR), && (AND), ! (NOT) 우선 순위! (NOT) > && (AND) >  || (OR)  || (OR): 둘 중 하나라도 true이면 true, 아니면 false네가지 조합alert( true || true ); // truealert( false || true ); // truealert( true || false ); // truealert( false || false ); // false 추가 기능 1. or 연산자와 피연산자가 여러 개 : 가장 먼저 true인 원래 값을 반환result = value1 || value2 || value3;인 형태 alert( 1 || 0 ); // 1 (1은 truthy임)alert( null || 1 ); // 1 (1..

javascript 2024.09.02

기초 10. if문과 조건부연산자 '?'

if문if (조건 1){ //코드} else if (조건 2){ //코드} else if (조건 3){ //코드} else if (조건 4){ //코드} else { //코드}else if 와 else는 필요에 따른 선택 사항조건은 불린형으로 판별true 면 {}의 코드 실행false 면 다름 조건으로 넘어감조건부 연산자 '?': 조건에 따라 반환 값을 달리하려는 목적 문법let result = condition ? value1 : value2;condition이 true이면 value1, 아니면 value2 반환let accessAllowed;let age = prompt('나이를 입력해 주세요.', '');if (age > 18) { accessAllowed = true;} else { acces..

javascript 2024.09.02

4주차 res.params 와 map 그리고 비구조화

parseIntres.params.n : 문자열 / 하지만 , js는  연산시 숫자로 변형해주긴함하지만! 혼란을 피하기 위해 숫자로 바꿔주는 걸 추천! / 그리고 다른 언어들과 비슷하게 사용하기 위해!parseInt(req.params.n) 과 같이 사용const express = require("express");const app = express();app.listen(1234);app.get("/products/:n", function (req, res) { let number = parseInt(req.params.n) - 10; console.log(number); console.log(req.params.n - 10); res.json({ num1: number, num2: ..