Today I Learned
-
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 - 06 - 05 댓글 CRUD 기능 1. Create (생성)Today I Learned/TIL 06 2023. 6. 4. 22:11
오늘 할일 댓글 생성 Create 구현 오늘 배운것 댓글 CRUD => 생성 Create 구현 1. Create (댓글 생성) createComment: 새로운 댓글을 생성하여 저장합니다. saveComment: 새로운 댓글을 저장소(로컬 스토리지 또는 서버)에 저장합니다. 2. Read (댓글 조회) getComments: 저장소에서 모든 댓글을 가져옵니다. displayComments: 가져온 댓글을 화면에 표시합니다. 3. Update (댓글 수정) editComment: 선택한 댓글을 수정할 수 있는 입력 필드를 화면에 표시합니다. updateComment: 수정한 내용을 저장소에 업데이트합니다. 4. Delete (댓글 삭제) deleteComment: 선택한 댓글을 저장소에서 삭제합니다. CR..
-
2023 - 06 - 04 자료구조, DOM 제어하기 api 목록Today I Learned/TIL 06 2023. 6. 4. 22:11
오늘 할일 자바스크립트 공부 개인과제 및 조별과제 오늘 배운 것 localStorage.setItem("keyId", id); -> 여기서 keyId는 임의지정 localStorage.getItem(keyId") -> key값 입력해서 value값 가져옴 💡 [Map의 주요 메서드 및 프로퍼티] new Map() – 새로운 Set을 만듭니다. map.set(key, value) – key를 이용해 value를 저장합니다. map.get(key) – key에 해당하는 값을 반환합니다. key가 존재하지 않으면 undefined를 반환합니다. map.has(key) – key가 존재하면 true, 존재하지 않으면 false를 반환합니다. map.delete(key) – key에 해당하는 값을 삭제합니다. m..
-
2023 - 06 - 03 VS code에서 git에 커밋하기Today I Learned/TIL 06 2023. 6. 4. 22:11
오늘 할일 개인과제, CRUD구성하기 오늘 배운 것 VS code에서 git에 커밋하기. 1. 신규브랜치 생성하려면 git checkout -b 2.기존브랜치에 넣으려면 git checkout ex)sangwoo_rhie git log ↓ git add . ↓ git commit -m 'fourth commit' (커밋 이름, first, second.. 순서대로 하면됨) ↓ gitHub Pullrequest에서 compare&pull request 초록버튼 클릭 ↓ create pull request ↓ code에 가서 변경내역 확인후, Pullrequest로 가서 merge pull request ↓ confirm merge
-
2023 - 06 - 02 트랜잭션 (트랜젝션) ACID 특성과 Isolation LevelToday I Learned/TIL 05 2023. 6. 2. 11:18
1. 트랜잭션(Transaction) 이란? 트랜잭션은 한 번에 처리 되어야 할 하나 또는 둘 이상의 처리 작업의 모음으로 DBMS에서 실행되는 논리적 작업 단위라 할 수 있다. 이러한 트랜잭션의 안전한 실행을 보장하기 위해 4가지의 특성(성질)을 가지고 있다. 1) A (Atomicity, 원자성) 개념: 트랜잭션의 연산 전체가 처리 되거나 되지 않아야 함 보장기법: rollback, commit, transaction begin, end 2) C (Consistency, 일관성) 개념: 트랜잭션 실행 완료 후 언제나 일관성 있는 DB상태를 보존해야 함 보장기법: 도메인, 관계 무결성 처리 (ex: not null, foreign key, check, unique key 등) 3) I (Isolatio..
-
2023 - 05 - 31 클래스 Getters & SettersToday I Learned/TIL 05 2023. 6. 2. 11:18
오늘 할일. 1. 5주차 강의 듣기. 2. 알고리즘 복습 3. 프로그래머스 문제 풀기 오늘 배운 것. class에서의 Getters와 Setters 객체지향 프로그래밍 언어에서는 Getters와 Setters 에 대한 기본 개념들이 있다. class를 통해 객쳬(인스턴스)를 만들고, 인스턴스 안에는 property(인자)가 있음. 예를 들면 new Class (a, b, c) 위와같이 만든 프로퍼티에 접근하고 세팅하기 위한 getters와 setters를 제공함. 기본 형태 class Rectangle { constructor (width, height) { this._width = width; this._height = height; } get width () { return this._width;} ..
-
2023 - 05 - 30 클래스 Class 설계도Today I Learned/TIL 05 2023. 6. 2. 11:18
클래스 class = 설계도 constructor는 class의 생성자 함수. 인스턴스 instance = 객체. 설계도를 따라 만들어짐. class ~ { instance } 형식. class Person { constructor(name, age) { this.name = name; this.age = age; } sayHello() { console.log(this.name + "님 안녕하세요"); console.log(this.name + "의 나이는" + this.age + "이에요.") } } const person1 = new Person("홍길동", "30살"); const person2 = new Person("홍길순", "25살"); person1.sayHello(); person2.s..
-
2023 - 05 - 29 DOM (Document Object Modeling)Today I Learned/TIL 05 2023. 6. 2. 10:40
1. 문서 객체 생성과 선택 document.createElement(tagName) : 새로운 HTML 요소를 생성합니다. document.getElementById(id) : id 속성을 기준으로 요소를 선택합니다. document.getElementsByTagName(name) : 태그 이름을 기준으로 요소를 선택합니다. document.getElementsByClassName(name) : 클래스 이름을 기준으로 요소를 선택합니다. document.querySelector(selector) : CSS 선택자를 이용하여 요소를 선택합니다. document.querySelectorAll(selector) : CSS 선택자를 이용하여 모든 요소를 선택합니다. 2. 문서 객체 조작 element.inne..