일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 |
- expo
- react
- 바닐라 자바스크립트
- react-hook
- Firebase
- react-native
- github
- HTML
- Nomad coder
- Nomad
- Nicolas
- 자바스크립트
- Hook
- Project
- Clone
- TiMER
- 클론코딩
- 코코아톡
- Vanilla
- 마무리
- vanilla js
- 느낀 점
- scflix
- coding
- Netflix
- 프로젝트
- CSS
- 계획
- 오류
- javascript
- Today
- Total
목록클론코딩 (10)
꾸매코딩
Nomad coder 클론 코딩의 장점 중 하나인 챌린지 프로그램에 도전을 해보았습니다. 개인적인 사정으로 한 번의 결석으로 턱걸이로 졸업을 할 수 있었습니다. 코코아톡 챌린지와 코코아톡 강의에 대한 주관적인 저의 후기를 작성해보려고 합니다. 후기에 앞서 전공자인 점을 참고하여 읽어주시면 감사하겠습니다. 난이도라는 게 주관적인 내용이라 말씀드리기 어렵지만 제 개인적인 생각으로는 HTML과 CSS만 활용하는 챌린지이기 때문에 전반적으로 난이도가 낮은 편이라고 생각합니다. 챌린지에 참여하게 되면 매일 아침 6시에 과제를 내주시고, 제출 기한을 알려주십니다. 처음엔 강의에서 나온 개념들에 대한 객관식 문제가 출제됩니다. 문제와 답이 영어로 되어있기 때문에 영어에 약하시면 약간에 어려움이 있을 수 있습니다 (영..
우선 느낀 점을 말씀드리기 전에 저의 배경지식을 말씀드리자면, 컴퓨터 공학을 전공하였고 졸업 작품으로 웹 관련 프로그램을 만들었습니다. 체감 난이도는 각자 다를 것이라 생각하기 때문에 참고만 해주시면 감사하겠습니다. [난이도 - ★★☆☆☆] 강의 초반에 설명해주는 개념만 알아도 충분하다. 컴퓨터 전공이기도 했고, Python과 Java를 어느 정도 알고 있어서 수업 듣기에 편했던 것 같다. 비전공자분께서 처음 듣는다면 난이도가 있을 것이라고 생각한다. 영어로 수업하시는데, 자막 번역이 직역으로 되어있다는 느낌을 받았다. 자막이 이해가 안 될 때 영어를 들어보는 것을 추천한다! 2021 버전으로 강의가 업데이트되면서 자막이 보기 훨씬 수월해지고, 전 강의보다 설명을 더 꼼꼼히 해주셔서 이해하기 더욱 편하다..
1. JSON (JavaScript Object Notation) 자바스크립트 언어로부터 파생되어 자바스크립트의 구문 형식을 따르지만 언어 독립형 데이터 포맷이다. 즉, 프로그래밍 언어나 플랫폼에 독립적이므로, 구문 분석 및 JSON 데이터 생성을 위한 코드는 C, C++, C#, 자바, 자바스크립트, 펄, 파이썬 등 수많은 프로그래밍 언어에서 쉽게 이용할 수 있다. 데이터를 저장하거나 전송할 때 많이 사용되는 경량의 DATA 교환 형식 Javascript에서 객체를 만들 때 사용하는 표현식을 의미한다. JSON 표현식은 사람과 기계 모두 이해하기 쉬우며 용량이 작다. 최근에는 JSON이 XML을 대체해서 데이터 전송 등에 많이 사용한다. JSON은 데이터 포맷일 뿐이며 어떠한 통신 방법도, 프로그래밍 ..
강의에 대한 내용보다는, 강의에서 나온 내용 중 추가로 찾아보고 궁금했던 내용을 정리를 하려고 한다. 1. DOM(Document Object Model) 문서 객체 모델(The Document Object Model, 이하 DOM) 은 HTML, XML 문서의 프로그래밍 interface이다. DOM은 문서의 구조화된 표현(structured representation)을 제공하며 프로그래밍 언어가 DOM 구조에 접근할 수 있는 방법을 제공하여 그들이 문서 구조, 스타일, 내용 등을 변경할 수 있게 돕는다. - DOM은 웹 브라우저가 HTML을 인식하는 방식이다. → DOM은 HTML 문서에 대한 인터페이스이다. 1. JavaScript는 HTML에 있는 모든 요소를 Object(객체)로 만든다. 2...
1. Box Sizing 박스의 크기를 정하는 기준을 변경할 때 사용한다. → content-box : content 영역을 기준으로 크기를 정한다.(default) → content는 사진에서 하늘색 부분(가운데)에 속한다. → border-box : border 영역을 기준으로 크기를 정한다. → border는 사진에서 노란색 부분(border)에 속한다. 1. content-box 초기 기본값(default)이다. width와 height 속성이 content 영역만 포함한다. → width 속성값을 사용하면 content width만 변경된다. → heigth 속성값을 사용하면 content height만 변경된다. ex) .box { width: 200px; border: 10px....} wi..
[ GitHub란 무엇일까? - 추가 설명 ] 이번 강의에서는 Git, Github에 대해 알려주신다. 개발 공부를 하고 있거나, 개발직에 계신 선배님들 모두가 Git과 같은 버전 관리 시스템(Version control system)을 사용하실 거라고 생각한다. 개발 직종에서는 뗄 수 없는 프로그램이고, 그만큼 아주 유용한 프로그램이다. 1. Git - 분산형 관리 시스템이다. - 여러 명이 동시에 작업이 가능하다. - 파일의 히스토리(변경 내역)를 알 수 있다. → git은 파일을 계속 추적(Tracking)하는 것이다. 2. Github - Git의 변경 내역을 볼 수 있는 사이트이다. - Repository : 파일, 폴더를 저장해두는 저장소이다. - Commit : 파일 추가, 변경한 시점(Po..