일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- 크리스마스
- 자바스크립트
- 홀리데이익스프레스
- 쿠킹덤
- 쿠키런킹덤공략
- 쿠킹덤공략
- 딥러닝
- 웹개발
- 오블완
- Unity
- 유니티
- 쿠키런킹덤크리스마스
- 이클립스
- edwith
- HTML
- 자바
- oracle
- 프로그래머스
- 티스토리챌린지
- SQL
- 개발자
- Eclipse
- 쿠키런킹덤
- 노마드코더
- programmers
- JavaScript
- dart
- MySQL
- Spring
- Java
Archives
- Today
- Total
Dev study and notes
바닐라 JS로 크롬 앱 만들기 7장 강좌들 노마드코더 무료강좌 본문
반응형
바닐라 JS로 크롬 앱 만들기 7장 강좌들 노마드코더 무료강좌
실질적인 TODO LIST를 생성하게 됩니다.
*
JSON.stringify()
JavaScript 객체를 JSON 문자열로 변환하는 함수입니다.
*간단예시 코드
const obj = { name: "Julia", age: 99, city: "London" };
const jsonString = JSON.stringify(obj);
console.log(jsonString);
// 출력: '{"name":"Julia","age":99,"city":"London"}'
*
JSON.parse()
JSON 문자열을 javaScript 객체로 변환하는 함수입니다.
const jsonString = '{"name":"Julia","age":99,"city":"London"}';
const obj = JSON.parse(jsonString);
console.log(obj);
// 출력: { name: 'Julia', age: 99, city: 'London' }
*
forEach()
배열의 각 요소를 순회하며, 콜백 함수를 실행하는 배열 메서드입니다.
const people = [
{ name: "Julia", age: 99, city: "London" },
{ name: "Madeleine", age: 30, city: "Toronto" },
{ name: "Anna", age: 25, city: "New York" }
];
people.forEach(person => {
console.log(`${person.name} is ${person.age} years old and lives in ${person.city}.`);
});
// 출력:
// Julia is 99 years old and lives in London.
// Madeleine is 30 years old and lives in Toronto.
// Anna is 25 years old and lives in New York.
*
7장 마지막
저장객체에 아이디 설정 - 날짜로 설정,
삭제 관련 기능 구현
끝!
반응형
'Building & Learning > 바닐라JS-노마드코더' 카테고리의 다른 글
바닐라 JS로 크롬 앱 만들기 8장 강좌들 노마드코더 무료강좌 (0) | 2025.01.17 |
---|---|
바닐라 JS로 크롬 앱 만들기 6장 강좌들 노마드코더 무료강좌 (0) | 2025.01.17 |
바닐라JS로 크롬 앱 만들기 5장 강좌들 노마드코더 무료강좌 (0) | 2025.01.17 |
바닐라 JS로 크롬 앱 만들기 4장 강좌들 노마드코더 무료강좌 (0) | 2024.12.22 |
바닐라 JS로 크롬 앱 만들기 3장 강좌들 노마드코더 무료강좌 (1) | 2024.12.22 |
Comments