자바스크립트
-
2023 - 06 - 07 댓글 CRUD 기능 3. Read (조회)Today I Learned/TIL 06 2023. 6. 6. 23:20
오늘 할일 조회 Read 함수 오늘 배운 것 조회 Read 함수 만들기 HTML 태그 조회 기능은 댓글 생성, 댓글 삭제, 댓글 수정(업데이트)처럼 클릭,submit같은 이벤트발생에서 호출되는게 아닌, 자체호출되도록 함. 우선 댓글생성에서 유저로부터 받아온 값은 아이디, 비밀번호, 댓글 3개인데, 조회에서 필요한 값은 비밀번호와 댓글 2개. 처음 Object매서드를 이용해서 Object.entries(localStorage)로 저장된 key값과 value값을 모두 가져온다. [Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2)] 0['1686139717521', '{"id":1686139717521,"name":"1..
-
2023 - 06 - 06 댓글 CRUD 기능 2. Delete (삭제)Today I Learned/TIL 06 2023. 6. 6. 12:54
오늘 할일 CRUD구성하기 : 삭제 (Delete) 오늘 배운 것 CRUD구성하기 : 댓글 삭제 (Delete) 먼저, 댓글을 삭제하려면 기존에 입력한 '비밀번호'를 다시 입력해야 한다. 그래서 입력창과 버튼을 만들고, 그 버튼에 onclick함수를 걸어 버튼 클릭시 삭제 함수가 실행되게 한다. 삭제 그럼, 이제 댓글 삭제 로직을 먼저 생각해보자. 먼저 입력저장된 ID, PW, Comment 의 값들은 다 key값에 저장되어 있으므로 저장된 localStorage에서 가져와야 한다. 참고로, localStorage에는 문자열만 저장된다. 따라서 문자열화된 localStorage의 내용을 자바스크립트 객체or배열로 갖고오려면 JSON.parse() 함수를 쓴다. (반대로 자바스크립트 객체or배열을 loca..
-
2023- 05 -12 기타 데이터타입 (객체, 배열, 불리언, undefined, null)Today I Learned/TIL 05 2023. 6. 1. 07:19
오늘 할일 자바스크립트 1주차 강의 듣기. 오늘 배운것 기타 데이터 타입 1. 불리언 (Boolean) 불리언은 참(true)과 거짓(false)을 나타내는 데이터 타입이다. let bool1 = true; console.log(bool1); // true console.log(typeof bool1); // boolean let bool2 = false; console.log(bool2); // false console.log(typeof bool2); // boolean boolean은 true 또는 false로 도출되고, typeof 값은 boolean으로 도출된다. 여기서 변수값에 true나 false는 임의로 쓰는게 아니라, 반드시 true 또는 false 라고 써야 출력됨. 불리언 데이터 타입..
-
JavaScript 09. 자바스크립트 - 지역변수JavaScript/1주차-JavaScript 문법 2023. 5. 26. 16:00
스코프, 전역변수, 지역변수, 화살표함수 스코프(scope): 변수(x)의 영향범위. 범수가 어디까지 영향을 미칠수 있는가 전역변수 : 스코프가 전체 영역에서 영향을 끼칠 경우 지역변수 : 스코프가 함수 내에서만 영향을 끼칠 경우 let x = 10; 이 함수 function의 내부에서 선언되어있으므로 함수 내부에서만 영향을 미치므로 지역변수 function printX(){ let x = 10; console.log(x); } console.log(x); printX;
-
JavaScript 08. 자바스크립트 - 전역변수JavaScript/1주차-JavaScript 문법 2023. 5. 26. 14:00
스코프, 전역변수, 지역변수, 화살표함수 스코프(scope): 변수(x)의 영향범위. 범수가 어디까지 영향을 미칠수 있는가 전역변수 : 스코프가 전체 영역에서 영향을 끼칠 경우 지역변수 : 스코프가 함수 내에서만 영향을 끼칠 경우 let x = 10; 이 함수 function의 외부에서 선언되어있으므로 전체에 영향을 미치므로 전역변수 let x = 10; let x = 10; function printX() { console.log(x); } console.log(x); printX();
-
JavaScript 07. 자바스크립트 - 함수JavaScript/1주차-JavaScript 문법 2023. 5. 26. 12:00
JavaScript 함수 함수 (function)라는 뜻은 어떤 기능을 의미함 (input, output을 갖고있는 어떤 기능의 단위.) 입력(input)은 매개변수값으로, 출력(output)은 return값으로 함 함수는 크게 1.함수 선언문 형태, 2. 함수 표현식 형태 두 가지가 있다. 1. 함수의 형태 // 1. 함수 선언문 형태 (function declaration) function add (매개변수input) { //함수 내부에서 실행할 로직(Main Logic) } function add(x, y) { return x + y; } console.log(add(2, 3)); // 5 위의 예제에서는 function 키워드를 사용하여 add라는 함수를 선언하였다. 함수 선언문을 사용하면 함수를..
-
JavaScript 06. 자바스크립트 - 연산자JavaScript/1주차-JavaScript 문법 2023. 5. 26. 10:00
JavaScript 1. 더하기 연산자 (문자열 우선시) console.log(1 + 1); → 2 console.log(1 + "1"); → 11 2. 빼기 연산자 (숫자열 우선시) console.log(1 - "2"); → -1 console.log(1 - 2); → -1 3. 곱하기 연산자 (숫자열 우선시) console.log(2 * 3); → 6 console.log("2" * 3); → 6 4. 나누기 연산자 (숫자열 우선시) console.log("4" / 2); → 2 console.log(4 / 2); → 2 5. 나누기 연산자(/) vs 나머지 (나누고 나서 몫을 뺀 나머지) 연산자(%) console.log(5 / 2); → 2.5 console.log(5 % 2); → 1 (5를 2..