본문 바로가기

oz코딩스쿨
8

📝 [250321~0325/오답노트] 자바스크립트 4일 걸린 계산기 만들며 겪은 오답노트 조별과제로 만든 계산기...! 다행히 코드는 각자 짰지만 서로 상부상조하며 짰다.다행히 구성단계가 있어 코드짜는 거에는 어려움이 없었지만, 요구사항들이 있어서 머리가 아팠다..4일걸려 만든 내 계산기 기록을 적어보겠다..!💡 목표HTML, CSS, JavaScript를 활용해기본적인 사칙연산이 가능한 계산기를 만들기.✅ 전체 구성 요약숫자 버튼: .number연산자 버튼: .operator기능 버튼(C, ±, %): .function디스플레이: .num_text버튼은 querySelectorAll로 가져와 forEach()를 이용해 반복 처리했고,상태 관리는 firstOperand, operator, newNumber라는 3개의 변수로 만듬.🧩 1. 상태 저장 변수 헷갈림❌ 오답let firstOpe.. 2025. 3. 27.
📝 [250320/오답노트] 사용자 정보 저장 & 필터링 과제 피드백 정리 프론트엔드 공부를 하면서 제출한 과제에 대한 피드백을 받았다.처음엔 무슨 말인지 잘 이해되지 않았지만, 하나씩 뜯어보면서 어떤 의도였는지, 어떤 부분을 놓쳤는지 정리해보았다.🎯 이 과제의 의도는?이번 과제의 핵심은 단순히 버튼을 눌러 정보를 저장하는 게 아니라,브라우저에서 데이터를 받아 저장하고, 다시 꺼내어 보여주는 전 과정을 직접 구현해보는 것이었다.📌 과제를 통해 배우는 핵심 개념사용자 입력을 받아 객체로 만들기JSON.stringify, JSON.parse를 통해 문자열 ↔ 객체 변환localStorage에 데이터 저장하고 다시 불러오기배열을 조건에 따라 필터링하고 화면에 출력화면 출력 시 HTML 줄바꿈, 텍스트 처리 방식 이해하기📦 부가 설명: JSON과 localStorage 쉽게 이해.. 2025. 3. 22.
📌 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

티스토리툴바