Today I Learned/TIL 06
-
2023 - 06 - 13 객체 리터럴 (Object literal), 프로퍼티 (Property), 매서드 (Method)Today I Learned/TIL 06 2023. 6. 13. 16:23
오늘 할일 node 기본강의 듣기 오늘 배운 것 객체 리터럴 JavaScript의 데이터타입 1. 원시타입 (문자열, 숫자열 불리언 등), 변경이 불가능한 값. 변수에 할당되는 값 2. 객체타입 (여러가지 타입을 하나로 만든 복합 자료구조. 하나의 객체안에 함수, 문자열, 배열 등 다양하게 들어갈 수 있다) 자바스크립트는 객체(Object)기반 프로그래밍 언어이고 자바스크립트를 구성하는 거의 모든 것은 객체로 구성되어있다. 객체는 0개 이상의 프로퍼티로 구성된 집합이며, 하나의 프로퍼티는 key와 value로 구성되어 있다. 객체 리터럴(literal) : 사람이 이해할 수 있는 문자 또는 약속된 기호로 값을 생성하는 표기법 객체 리터럴은 class를 먼저 선언하고 new 연산자와 함께 생성자를 호출할 ..
-
2023 - 06 - 12 동기 (Sync) & 비동기 (Async) 모델, Non-Blocking 모델, 프로미스 Promise, .then, Promise .catch,Today I Learned/TIL 06 2023. 6. 11. 10:32
오늘 할일 노드 강의듣기 오늘 배운 것 동기적 모델, 비동기적 모델 1. 동기적 모델 Sync : 먼저 실행된 코드의 결과가 나올때까지 대기함. Ex) 놀이기구에서, 정원이 30명이라고 치면 놀이기구를 한번 태우는데 5분이 걸리면 다음 30명의 대기자들은 5분이 지나야 놀이기구를 탈 수 있다. 즉 놀이기구의 탑승과 하차가 동기적으로 관리된다. async function main() { function first(){ console.log("2. setTimeout이 실행되었습니다.") } console.log("1. 코드가 실행되었습니다.") setTimeout(first, 1000); // 1초뒤에 setTimeout함수를 실행해라 console.log("3. 코드가 종료되었습니다.") } main()..
-
2023 - 06 - 11 자바스크립트 30문제 및 답Today I Learned/TIL 06 2023. 6. 9. 14:59
JS 객관식 문제 문제 1. 자바스크립트의 동적 타이핑이란 무엇을 의미하는가요? 모든 변수 타입이 동일하다는 것 변수의 타입이 런타임 시점에 결정된다는 것 변수의 타입이 프로그램이 실행되는 동안에 변경될 수 없다는 것 변수를 선언할 때 반드시 타입을 지정해야 한다는 것 문제 2. 자바스크립트에서 var로 선언된 변수는 어떻게 작동하나요? 같은 이름의 변수를 여러 번 선언하면 오류가 발생한다. 선언 후에 값을 변경할 수 없다. 같은 이름의 변수를 여러 번 선언해도 오류가 발생하지 않고, 가장 마지막에 선언한 값으로 변수가 덮어씌워진다. var로 선언된 변수는 메모리에 저장되지 않는다. 문제 3. 자바스크립트에서 const로 선언된 변수에 대한 설명 중 틀린 것은 무엇인가요? const는 선언 후에 값을 변..
-
2023 - 06 - 10 VScode 터미널에서 깃에 업데이트된 사항 가져오기Today I Learned/TIL 06 2023. 6. 8. 00:00
오늘 배운것 오늘 할일 VScode 터미널에서 깃에 업데이트된 사항 가져오기 1. ㅁ홈페이지에서 싱크 포크 누르기ㅁ 2. git init 3. git remote add origin "깃허브 주소.git" 4. git remote -v 5. git pull origin master/main 6. git checkout -b 7. git push origin Git bash 또는 VScode 터미널에서 파일 변경하기 rm -rf .git git init git remote add origin 레포주소 파일 변경 git add . git commit -m 'message' git push origin main git branch -M master main
-
2023 - 06 - 09 ★이중배열Today I Learned/TIL 06 2023. 6. 7. 23:57
오늘 할일 CRUD공부, 배열 공부 오늘 배운것 이중배열 배열의 인자들이 또 다른 배열들로 되어있는 경우. 어떻게 가져오느냐에 따라 값이 완전히 뒤바뀐다. entries = [[1, 2], [3, 4], [5, 6]] entries[1][1] = 4 // 1번째 인덱스 배열의 1번째 인덱스. entries[1], entries[2] = [3, 4], [5, 6] // 1번쨰 인덱스와 2번째 인덱스. 배열은 배열, 문자열 다 적용됨. 아래 제일중요 let num = 012345 => 이 자체로 하나의 덩어리. 배열 적용 안됨. let str_1 = '012345' let str_2 = 'abcedf' let arr_1 = [0,1,2,3,4,5] let arr_2 = ['a', 'b', 'c', 'd', ..
-
2023 - 06 - 08 댓글 CRUD 기능 4. Update (수정)Today I Learned/TIL 06 2023. 6. 6. 23:20
오늘 할일 CRUD 댓글 수정기능 구현 오늘 배운 것 CRUD 댓글 수정기능 구현 HTML 부분 입력 댓글 생성창과 마찬가지로, 아이디, 비밀번호, 변경내용 3가지를 입력하게 헀다. 로직 1. 입력된 아이디값과 기존의 아이디값이 일치할 경우 2. 입력된 비밀번호와 기존의 비밀번호가 일치할 경우 1, 2번의 조건이 충족되면 변경내용 업로드. html에서 onclick버튼을 클릭해야 함수가 실행되도록 구현한다. 우선Object.entries로 로컬스토리지에 저장된 key값과 value값 다 가져온다. querySelector를 이용해 html에서 입력한 아이디값과 비밀번호의 value값을 가져온다. 그리고 가져온 값들을 변수처리한다. 로컬스토리지에서 가져온 Object.entries 변수선언해놓은 값을 fo..
-
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..