노마드코더(6)
-
2021. 12. 07. (화) React JS 챌린지, TypeScript
# 학습 전 나의 상태 어제 스타일컴포넌트를 배우고 CSS를 사용할 때보다 더욱 활용하기 쉬움을 알게되었다. 실은,, 코드스테이츠에서 파이널 프로젝트 할 때 사용해봤다. ㅋ.. 그래서 다시 한 번 보며서 그 때 이해하지 못했던 부분들을 이해하려고 노력했던 것 같다. props를 전달하는 방법과 반복되는 코드들을 불러와서 적용시키는 방법등 유용한 것들을 많이 배웠다. 오늘은 처음으로 typescript를 접한다. 어떻게 사용하는 것인지 내심.. 기대도 되고 새로운 것이라 긴장도 된다. 잘 정리해서 공부해봐야지..! # 오늘의 학습 내용 TYPESCIPT 란? JavaScript를 기반으로 한 프로그래밍 언어 ( 다른 프로그래밍 언어!) Strongly-Typed 언어이다. Strongly-Typed 는 프..
2021.12.07 -
2021. 11. 30. (화) 바닐라 JS로 그림판 만들기
# 학습 전 나의 상태 11월 마지막 날 오랜만에 블로그 작성 중이다. 노마드 코더에서 2개의 챌린지를 진행하느라 약간 정신이 없어 블로깅을 하지 못했다. 코코아 클론 챌린지는.. 실패했다... 중간에 과제 1번 미제출.. 마지막 졸업 작품.. gitgub pages 를 만들지 못해.. 미제출..ㅜㅜ 그렇지만 바닐라 JS는 성공했다. 허접하지만.. 나름 열심히 했다.. (흑..ㅠㅠ) https://kimoony.github.io 오늘은 바닐라 JS와 Canvas를 공부해보고 싶어 그림판 만들기 강의를 보기로 했다. # 오늘의 학습 내용 1. Canvas Event mousemove 이벤트를 적용하고 함수를 만들어 Canvas 안에서 event가 발생했을 시 console.log를 찍어보았다. client..
2021.12.01 -
2021. 11. 17. (수) 코코아 클론 - CSS_06
# 학습 전 나의 상태 어제까지 배운 css 등을 보면 지금까지 내가 배운.. 또는 공부한 css는 진짜 아무것도 한게 아니었구나.. 하는 생각이 들었다. 노마더 코더를 통해서 이렇게 자세하게 배울 수 있어서 좋다. 이제야 개발자 분들이 css가 가장 힘들다는 말이 왜 그런지 알 것 같다.. 그래서 더 잘 정리하고 공부가 필요할 것 같다. 무튼.. 결론은 재미있다. # 오늘의 학습 내용 Media Queris body { display: flex; height: 100vh; align-items: center; justify-content: center; } div { background-color: steelblue; width: 200px; height: 200px; } /* 스크린 너비가 최소 60..
2021.11.18 -
2021. 11. 08. (월) TIL - 바닐라 JS로 크롬 앱 만들기 - Clock & Quotes
# 학습 전 나의 상태 월요일.. 시작부터 바쁜 하루다. 오늘부터 노마드코더에서 html&css 챌린지를 시작했다. 그리고 다음주부터 바닐라JS 챌린지가 시작된다. 또 월, 목, 토 개발크럽 모임이 있다. (오늘은.. 애기보다가 깜빡했다..ㅜㅜ) 게다가 코드스테이츠 하면서 같이 페어했던 동기분이 취업했다고 하셔서 축하드리고 진심 기분이 좋았다. 나도 언능 취업하고 싶다 ^^ 그러기 위해서는 기본기를 잘 다지고 준비도 잘 해야겠지?? 긍정적으로 생각하면서 내가 가야할 길을 가야겠다.!! 오늘도 어김없이 늦은 시간 공부를 시작하지만 화이팅이다!!!!! # 오늘의 학습 내용 interval = 매번 일어나는 일 setInterval(호출할 func, 반복할 시간(ms)) function sayHello() {..
2021.11.08 -
2021. 11. 06. (토) TIL - 바닐라 JS로 크롬 앱 만들기 - loaclStorage, innerText, classList
# 학습 전 나의 상태 오늘은 개발클럽이 첫 ot 시간을 가졌다. 그런데 모두 바닐라 JS를 중요하게 생각한 것을 알 수 있었다. 그런면에서 내가 시작하고 있던 것이 다행으로 여겨진다. 자바스크립트를 잘 배우고 싶다. # 오늘의 학습 내용 CSS .hidden { display: none; } const loginForm = document.querySelector('#login-form'); const loginInput = document.querySelector('#login-form input'); const greeting = document.querySelector('#greeting') // 이렇게 반복되는 String 을 대문자 변수로 저정해 놓으면 실수가 줄고 // string 이라는 사..
2021.11.07