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

https://codemate.kr/@Qcell/%EC%98%A4%EB%8A%98%EC%9D%98-%EB%AC%B8%EC%A0%9C-%EB%8D%B0%EC%9D%B4%ED%84%B0-%EA%B5%AC%EC%A1%B0-%ED%8C%8C%EC%95%85%ED%95%98%EA%B8%B0 ✅ 오늘의 문제 : 데이터 구조 파악하기 by Qcell | 코드메이트 YoutubeData.json App.js import youtubeData from './data/youtubeData.json'; function App(){ console.log('아이디[id] : ',youtubeData['data'][0]['id'] codemate.kr Json 데이터를 분석하여 각 데이터의 요소와 해당하는 데이터 요소의 의미를 ..

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://codemate.kr/@Qcell/%EC%98%A4%EB%8A%98%EC%9D%98-%EB%AC%B8%EC%A0%9C-%EA%B8%B0%EB%8A%A5-%EC%B6%94%EA%B0%80%ED%95%98%EA%B8%B0 ✅ 오늘의 문제 : 기능 추가하기 by Qcell | 코드메이트 App.module.css @font-face { font-family: "Fredoka One"; src: url("../fonts/FredokaOne-Regular.ttf") format("truetype"); } @font-face { font-fa codemate.kr 오늘 과제는 3일차에 했었던 내용을 바탕으로 동작하는 기능을 추가하는 내용이였습니다 :D App.module.css @font-face {..

https://codemate.kr/@Qcell/Module-CSS%EB%A5%BC-%EC%82%AC%EC%9A%A9%ED%95%B4%EB%B3%B4%EA%B8%B0 Module CSS를 사용해보기 by Qcell | 코드메이트 Module CSS를 사용하기 전에, 새로운 개발환경 틀을 만들었습니다. src 폴더 내에 styles 폴더를 만들어 CSS/fonts를 직접 내려받아 로컬 환경에서 불러오도록 준비했습니다. Content.module.css @font-face { codemate.kr 이번 시간에서는 Module CSS를 사용해 보았습니다. Module CSS란 컴포넌트 마다 고유한 클래스 이름을 가지게 하여 CSS 클래스 네이밍 규칙을 따라야 하는 문제를 해결하기 위해 사용하는 기술입니다 ! ..

https://codemate.kr/@Qcell/2%EC%9D%BC%EC%B0%A8-%EC%B6%9C%EC%84%9D%EA%B3%BC%EC%A0%9C 2일차 출석과제 by Qcell | 코드메이트 Header.js function Header(){ return ( 큐셀의 MBTI 검사 ); } export default Header; Content.js function Content(){ return ( codemate.kr 2일차엔 드디어 리액트의 기초 구조 및 동작 과정에 대해 학습했습니다. 앞으로 이 컴포넌트를 활용할 생각을 하니까 기분이 좋네요 :D 코드량도 줄어들고 가독성도 훨씬 더 좋아질 것 같아요. Header.js function Header(){ return ( 큐셀의 MBTI 검사 );..

https://codemate.kr/@Qcell/1%EC%9D%BC%EC%B0%A8-%EB%82%B4%EA%B0%80-%EA%B5%AC%ED%98%84%ED%95%B4-%EB%B3%B4%EA%B3%A0-%EC%8B%B6%EC%9D%80-%EC%9B%B9-%ED%8E%98%EC%9D%B4%EC%A7%80-rdb4juOQts 1일차 - 내가 구현해 보고 싶은 웹 페이지 by Qcell | 코드메이트 특색있고 재미있는 MBTI 검사 페이지를 만들어 보고 싶어요 ! 백엔드 영역부터 배포 및 유지까지 해보고 싶습니다. codemate.kr 이번에도 모각코 1월달 리액트과정에 합격하게 됐어요 ! 이번 기수부터 달라진 점이 있다면, 노션을 통해 과제를 확인하고 카페에 게시물을 업로드 하는 방식에서 코드메이트라는 사이..

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/57127 [모각코+ 출석 인증] 12일차 - 웹 자바스크립트 12월 과정 A조 대한민국 모임의 시작, 네이버 카페 cafe.naver.com 11~15일은 챗봇 만들기 프로젝트로 진행됩니다! 오늘은 window.open을 이용해 특정 단어 입력 시 새 창으로 연결등의 기능과 다양한 대화를 조금 더 추가했어요 ! 다음 일차에서는 특정 키워드만 인식 시에 대화할 수 있도록 해보겠습니다 :D 너무 길어서 CSS 파일은 제외할게요 ! HTML 파일 쿨쿨쿨... 시키기 JS 파일 let apeachUrl = "./getupapeach.jpg"; let apeachSleepUrl = "./sleepapeach.JPG"; let apeachEatUrl = "..