개발 및 일상 블로그 개발 및 일상 블로그

https://codemate.kr/@Qcell/%EC%98%A4%EB%8A%98%EC%9D%98-%EB%AC%B8%EC%A0%9C-%EC%A1%B0%EA%B1%B4%EB%B6%80-%EB%A0%8C%EB%8D%94%EB%A7%81-%EB%B2%84%ED%8A%BC-%ED%81%B4%EB%A6%AD-%EC%9D%B4%EB%B2%A4%ED%8A%B8 ✅ 오늘의 문제 : 조건부 렌더링 ① - 버튼 클릭 이벤트 by Qcell | 코드메이트 컴포넌트 구조화 컴포넌트 구조화를 완료한 뒤, 조건부 렌더링을 학습하여 버튼을 클릭할 때마다 컴포넌트가 출력되거나 숨도록 코드를 구성해 보았습니다. Header.js import styles from './Header.module.c codemate.kr ✅ 오늘의 문제 ..

https://codemate.kr/@Qcell/%EC%98%A4%EB%8A%98%EC%9D%98-%EB%AC%B8%EC%A0%9C-%EA%B5%AC%EA%B5%AC%EB%8B%A8-%EC%B6%9C%EB%A0%A5%ED%95%98%EA%B8%B0 ✅ 오늘의 문제 : 구구단 출력하기 by Qcell | 코드메이트 Button.js import React from "react"; const Button = ({text,onClick}) => { return {text}; } export default B codemate.kr ✅ 오늘의 문제 : 구구단 출력하기 Button.js import React from "react"; const Button = ({text,onClick}) => { return {..

https://cafe.naver.com/codeuniv/57490?boardType=L [모각코+ 출석 인증] 13일차 - 웹 자바스크립트 12월 과정 A조 대한민국 모임의 시작, 네이버 카페 cafe.naver.com 챗봇 프로젝트 3일차입니다 ! 이번에는 랜덤 난수를 활용해서 특정 사이트가 유도되게 했고, 특정 키워드만 인식해도 챗봇이 알아듣게 수정했어요 ~ HTML 파일 쿨쿨쿨... 시키기 JS 파일 let apeachUrl = "./getupapeach.jpg"; let apeachSleepUrl = "./sleepapeach.JPG"; let apeachEatUrl = "./eatapeach.jfif"; let apeachIntroUrl = "./introapeach.jfif"; let ape..

https://cafe.naver.com/codeuniv/55991?boardType=L [모각코+ 출석 인증] 9일차 - 웹 자바스크립트 12월 과정 A조 대한민국 모임의 시작, 네이버 카페 cafe.naver.com 이번 과제는 버튼을 만들고, 클릭에 따라 좋아하는 영화를 소개하는 페이지를 만드는 것이였습니다 ! HTML 파일 신세계 바람 킹스맨 CSS 파일 body { background-color: white } .container { margin: 100px; text-align: center; } .explain { font-family: 'Black Han Sans', sans-serif; font-family: 'Single Day', cursive; font-size: 30px; font..

https://cafe.naver.com/codeuniv?iframe_url_utf8=%2FArticleRead.nhn%3Fclubid%3D30026525%26articleid%3D18528 코딩 커뮤니티 - 코뮤니티 [파이썬/... : 네이버 카페 코뮤니티 [코딩공부/독학/스터디/대외활동] : python, C언어, java, 자바스크립트, HTML, CSS, 웹/앱개발 cafe.naver.com 이번시간에는 console.log의 활용법을 배우는 시간이였습니다. 얼핏 보면 단순해보일지 몰라도 개발하면서 자주 쓰게 되는 요소중 하나죠 ~ ✅ 오늘의 문제 : 버튼을 누르면 console.log()를 통해 0부터 값이 올라가는 버튼 만들기 생각보다 간단한 내용이여서 버튼이라도 조금 꾸며봤습니다 ! 자바스크..

https://cafe.naver.com/codeuniv/54200?boardType=L [모각코+ 출석 인증] 3일차 - 웹 자바스크립트 12월 과정 A조 대한민국 모임의 시작, 네이버 카페 cafe.naver.com 이번 3일차에서부터야 자바스크립트를 시작하는것 같아요. 이번 과제는 '모각코'의 버튼 3개를 생성한 뒤에 각 버튼 클릭시 글자가 생성되게 하는 것이였어요. 저는 각 모각코부분을 태그로 각각 나누어 id명을 붙이고, 해당하는 부분의 id값을 document.getElementById().innerText를 통해 글자를 삽입하게 하고, 각 버튼의 onclick에 함수호출해서 글자를 띄웠습니다. 버튼이 너무 심심해보이지 않게 약간의 css도 적용했어요 :) 모 각 코 모 각 코 #btn1 { ..