본문 바로가기

javascript
24

📝 [250320/오답노트] 사용자 정보 저장 & 필터링 과제 피드백 정리 프론트엔드 공부를 하면서 제출한 과제에 대한 피드백을 받았다.처음엔 무슨 말인지 잘 이해되지 않았지만, 하나씩 뜯어보면서 어떤 의도였는지, 어떤 부분을 놓쳤는지 정리해보았다.🎯 이 과제의 의도는?이번 과제의 핵심은 단순히 버튼을 눌러 정보를 저장하는 게 아니라,브라우저에서 데이터를 받아 저장하고, 다시 꺼내어 보여주는 전 과정을 직접 구현해보는 것이었다.📌 과제를 통해 배우는 핵심 개념사용자 입력을 받아 객체로 만들기JSON.stringify, JSON.parse를 통해 문자열 ↔ 객체 변환localStorage에 데이터 저장하고 다시 불러오기배열을 조건에 따라 필터링하고 화면에 출력화면 출력 시 HTML 줄바꿈, 텍스트 처리 방식 이해하기📦 부가 설명: JSON과 localStorage 쉽게 이해.. 2025. 3. 22.
🤖 ChatGPT와 함께 공부하는 JavaScript 1일차 - 버튼 누르면 배경이 바뀌는 미션 1. JavaScript 공부에 대한 고민..😮‍💨아직 초짜인 상태라 JavaScript에 대해 지식이 매우 부족한 상태였다.😱Html이나 CSS의 경우 마크업언어이기도 하고 예전에 정말 빡시게 배운걸 기억했다. (1일 1클론코딩 시킴..)무작정 치면서 습득을해야 빠르다는걸 알게되어 시작했다..!⌨️하지만 어떻게 습득을 해야할까..? 내가 아는 지식이 너무 얕아서ChatGPT의 도움을 받기로 했다...! 🤖2. 첫번째 미션 🚩오늘의 미션은 랜덤 배경색 버튼 만들기이다. 🎨지금까지 배운 JavaScript로 미션을 수행해야한다.다행히 나는 이미 내 수준과 어디까지 배웠는지 이미 학습을 시킨상태라 어렵지 않았다.미션 힌트까지 주고 동작하는 방법 그리고 피드백까지 해준다니..!👍❌ 내가 풀어본.. 2025. 3. 21.
📌 if문 vs switch문, 상황에 따라 다르게 행동하는 코드? 안녕하세요! 😊 오늘은 if문과 switch문에 대해 정리해보려고 합니다.배운 내용을 다시 한 번 정리하면서 컴퓨터가 상황에 따라 다르게 행동하도록 도와주는 문법을 이해해 보려고 합니다! 🚀💡 if문이란? 🤔if문은 만약에 ~라면 이라는 뜻.즉, 어떤 조건이 맞으면 실행하고, 아니면 다른 행동을 하도록 지시하는 문법!✅ 예제 1: 숫자가 짝수인지 홀수인지 판단하기let number = 5;if (number % 2 === 0) { console.log('number 변수는 짝수입니다.');} else { console.log('number 변수는 홀수입니다.');}📌 설명✔️ number % 2 === 0 → number를 2로 나눈 나머지가 0이면 짝수!✔️ else → 위 .. 2025. 3. 19.
📌반복문이 어려웠던 나, 이렇게 정리하니 이제는..? 🚀 안녕하세요! 😊 자바스크립트를 공부하면서 가장 어렵다고 느꼈던 부분이 바로 반복문이었습니다.어디서 어떻게 활용해야 할지, 어떤 방식으로 써야 하는지 처음에는 너무 막막했쥬.... 😵‍💫하지만 반복문의 기본 개념과 예제를 하나씩 정리해 보니 점점 이해할 수 있었습니다.그래서 오늘은 반복문이 무엇인지, 어떻게 활용하면 좋은지 정리해 보았습니다! 🚀💡 반복문이 왜 필요할까? 🤔만약 [안녕하세요!]를 화면에 10번 출력해야 한다면, 어떻게 해야 할까?console.log("안녕하세요!");console.log("안녕하세요!");console.log("안녕하세요!");// ... 이렇게 10번 쓰면 비효율..이럴 때 반복문(Loops)을 사용하면 코드를 짧고 간결하게 만들 수 있다! ✨🔹 for문 (.. 2025. 3. 18.

최근댓글

최근글

skin by © 2024 ttuttak

티스토리툴바