반응형 자바스크립트14 [Day03] 코딩 뇌를 깨우는 JS 기초 문제 풀이 (ft. for문, Class, 3의배수) 벌써 Day 03 입니다. '작심삼일'의 그 운명의 3일째가 밝았습니다. 오늘만 무사히 넘기면 우리는 작심삼일을 이겨낸 승리자가 되는 겁니다! (물론 내일 또 작심삼일을 새로 시작하면 되긴 합니다만...)지난 시간까지 변수와 타입, 그리고 별 찍기 같은 기초 로직을 다뤘다면, 오늘은 조금 더 '프로그래밍스러운' 문제들을 다뤄보려고 합니다. 특히 Class(클래스) 개념이나 나머지 연산(%) 같은 건 실무에서도 아주 빈번하게 쓰이는 녀석들이니, 이 참에 확실하게 메모해두기로 합니다.자, 거창한 이론보다는 일단 코드를 보면서 부딪혀 보는 게 제 스타일인 거 아시죠? 여러분들도 저와 함께 정답을 맞춰보시죠!! 문제 11 : for를 이용한 기본 활용Q. 1부터 100까지 모두 더하는 코드를 완성하세요.let .. 2026. 2. 16. [Day02] 코딩 뇌를 깨우는 JS 기초 문제 풀이 (ft. True/False, 객체, 별찍기) 오늘도 자바스크립트(JS) 기초 체력을 다지기 위해 돌아왔습니다. 작심삼일 중 2일차에 접어들었습니다. 꾸준함이 가장 큰 무기라는 생각으로 오늘도 가볍게 뇌를 풀어보도록 하겠습니다.지난 포스팅에서는 배열과 기본적인 타입을 다뤘다면, 오늘은 조금 더 헷갈리기 쉬운 False 판별, 객체의 특성, 그리고 프로그래밍의 꽃(?)인 별 찍기 문제를 풀어보겠습니다. 그러고 보니 별 찍기 문제는 예전에도 한번 다뤘던 적이 있습니다. [Python Quiz] 파이썬으로 크리스마스 트리 찍어 보기(그 유명한 별 찍기) [Python Quiz] 파이썬으로 크리스마스 트리 찍어 보기(그 유명한 별 찍기)오늘은 2024년도 크리스마스 입니다. 그런데 사무실에 나와 앉아 있습니다. 사람들이 없는 조용한 사무실이 평화롭게 느껴져.. 2026. 2. 15. sort() 메서드로 상품 정렬 기능 만들기 sort() 메서드로 상품 정렬 기능 만들기 지난 포스팅에서는 서버에서 Data를 받아 온 후, 브라우저 화면에 반복문을 돌며 뿌려주는 것에 대해서 공부하고 정리해보았습니다. 프론트단 구성에서 굉장히 자주 사용되는 중요한 내용이니, 코딩까지는 직접 못하는 상태이더라도 해당 로직에 대해서는 꼭 이해를 해두시고 다음 단계로 넘어가실 것을 권장합니다. 서버에서 받은 데이터를 forEach() 이용해서 UI 반복 생성하기 서버에서 받은 데이터를 forEach() 이용해서 UI 반복 생성하기 서버에서 받은 데이터를 forEach() 이용해서 UI 반복 생성하기 이전까지 2~3개의 포스팅을 통해서, Javascript를 이용해서 동적으로 UI를 생성하는 과정을 정리해왔습니다. 기초적인 DOM 조작 및 Data 핸 .. 2023. 2. 24. JS로 HTML 엘리먼트 생성하기 JS로 HTML 엘리먼트 생성하기 앞선 포스팅에서 getElementById 나 querySelector를 이용해서, 기존의 DOM 객체들을 조작하는 기능과 방법들에 대해서 알아보았습니다. 이 경우에는 이미 존재하고 있던 엘리먼트들이었다면, 존재하지 않는 엘리먼트를 자바스크립트를 이용해서 생성해낼 수 있을까요? 있습니다! 그런 게 있다니 참 신기하죠? 잘 몰랐던, DOM 조작의 세계로 조금 더 한 발짝 들어가보도록 합시다. 오랜 전통의 createElement 메서드 백문이 불여일견. 예제 코드를 통해 살펴봅시다. HTML 문서에는 태그를 작성한 일이 없는데, p 태그가 생겨났습니다. 바로 이 녀석 덕분입니다. document.createElement("p"); 생성하고 싶은 엘리먼트(element)를 .. 2023. 2. 19. 이전 1 2 3 4 다음 반응형
