VanillaJS 검색 결과
9 개의 검색 결과가 있습니다.
# 학습 내용 정리/JSClock CloneCoding(JS)

[JSClock 클론코딩] 2. 데이터를 저장해보자!

다들 컴퓨터는 도대체 어떻게 내가 사용했던 정보를 기억하고 있을까 고민한 적이 있었지 않나요? 나만 그런건가.. 당연히 기억을 위해서는 저장공간이 필요합니다. 그 저장공간은 브라우저 내부에 형성되고, 그 저장공간에 있는 자료들을 불러오면서 기억을 해 내는 것이죠. 이것을 localStorage라는 함수를 통해 실제로 사용할 수 있습니다! localStorage.setItem()을 통해 설정해주고, getItem을 통해 string형태로 가져올 수 있는 것이죠. (localStorage는 URL을 기반으로 저장됩니다!!) 위의 사진을 통해 이것의 간단한 사용 예를 가져왔습니다. 이번 글에서는 이 localStorage라는 것을 통해서 이름을 저장하는 기능을 구현해보도록 하겠습니다. 목차 0. index.h..

2021. 5. 14. 18:42
# 학습 내용 정리/JSClock CloneCoding(JS)

[JSClock 클론코딩] 1. 시계를 만들어 보았습니다.

이번에는 시계를 만들어보도록 하겠습니다. 위와 같은 모양의 시계인데, 별거 아닌 것 같죠? 실제로도 쉽게 만들 수 있습니다. 목차 0. index.html 가장 먼저 만들어야 할 파일은 html입니다. 동적으로 만들어주고 싶더라도 내용물이 없을 순 없으니까요. (물론 JS로 넣어줄 순 있습니다만..) 00:00 별다른 내용이 없어 주석처리를 하지 않았습니다. 이번 클론 코딩의 목적은 JS 공부이므로, html에 나오는 내용들을 따로 정리하진 않겠습니다! 특이점이라고 하면 body의 맨 끝에 를 이용하여 js파일을 불러들입니다. 1. clock.js 이제 동적으로 만들기 위해서 js파일을 만들어줍시다. js파일의 가장 기초인 init()를 만들어줍니다. init() 안에는 시간을 불러오기 위한 함수인 ge..

2021. 5. 14. 17:53
# 학습 내용 정리/JSClock CloneCoding(JS)

[JSClock 클론코딩] 0. VanillaJS??

쿠챌린저스 프로젝트를 하기 위해서 JS에 대해 아무것도 모르는 저는 JS공부를 위해서 이것저것 찾아봐야 했습니다. 여러 사이트를 돌아다니고 유튜브를 전전하며 공부하고 있을 때쯤 각자 공부한 내용을 발표하는 시간에 친구가 Nomadcoders 사이트를 유용하게 사용중이라고 해서 들어갔다가 챌린지라는걸 정말 우연히 발견해서 참여하게 되었고, 그 과정에서 배우고 따라한 내용들을 블로깅하려고 이렇게 글을 남깁니다. 어떤 회의였나..는 아래 링크에 담겨있습니다!! https://ssocoit.tistory.com/56?category=929575 [쿠챌린저스] 5. 피그마.. 피그마!! 3/27 회의는 지금까지 회의 중에서 가장 빡세게 회의 및 실무를 진행한 날이 아닐까 생각해봅니다. 그동안 9시부터 12시까지 ..

2021. 5. 14. 05:38