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

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://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 = "..

https://cafe.naver.com/codeuniv?iframe_url_utf8=%2FArticleRead.nhn%3Fclubid%3D30026525%26articleid%3D20069 코딩 커뮤니티 - 코뮤니티 [파이썬/... : 네이버 카페 코뮤니티 [코딩공부/독학/스터디/대외활동] : python, C언어, java, 자바스크립트, HTML, CSS, 웹/앱개발 cafe.naver.com 드디어 마지막 일차에 접어들면서 11~15일은 프로젝트로 진행될 것 같아요 ! 마지막 프로젝트는 챗 봇 만들기 입니다 :D 첫번째 날짜라 기본적인 틀만 구성했습니다. HTML 파일 쿨쿨쿨... 시키기 Javascript 파일 let apeachUrl = "./getupapeach.jpg"; let apeach..

https://cafe.naver.com/codeuniv?iframe_url_utf8=%2FArticleRead.nhn%253Fclubid%3D30026525%2526articleid%3D56497 코딩 커뮤니티 - 코뮤니티 [파이썬/... : 네이버 카페 코뮤니티 [코딩공부/독학/스터디/대외활동] : python, C언어, java, 자바스크립트, HTML, CSS, 웹/앱개발 cafe.naver.com 이번 과제는 EventListener를 활용해 전화 로딩 구현하는 과제였습니다. 시간만 충분하다면 핸드폰 화면과 똑같이 구현하고 싶었는데 시간이 부족했네요. 개인적인 프로젝트로 만들어야겠습니다. HTML 파일 CONNECT DISCONNECT CSS 파일 .w-btn { position: relativ..

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/55646?boardType=L [모각코+ 출석 인증] 8일차 - 웹 자바스크립트 12월 과정 A조 대한민국 모임의 시작, 네이버 카페 cafe.naver.com 오늘의 문제는 버튼 클릭 시 마다 글자가 추가되는 전광판(?) 만들기였습니다. 제가 생각하는 전광판은 글자가 자동으로 흘러가는 그런 ...? 전광판이였는데 좀 다르긴하네요 ㅎㅎㅎ 메세지 초기화 body { background-color: white } .contain { margin: 100px; text-align: center; } .text { font-family: 'Black Han Sans', sans-serif; font-family: 'Single Day', cursive;..

https://cafe.naver.com/codeuniv/55314?boardType=L [모각코+ 출석 인증] 7일차 - 웹 자바스크립트 12월 과정 A조 대한민국 모임의 시작, 네이버 카페 cafe.naver.com 이번 과제는 스톱워치 만들기였습니다. 바로 시작할게요 ! HTML 파일 00:00:00 시작 멈춤 초기화 CSS 파일 .contain { margin: 100px; font-family: 'Black Han Sans', sans-serif; font-family: 'Single Day', cursive; font-size: large; } #btn1 { border-top-left-radius: 5px; border-bottom-left-radius: 5px; margin-right: -..