본문 바로가기
  • soldonii's devlog

전체 글125

(11) 자바스크립트 심화 2 - 클로져, 커링, 배열 메소드 등 *Udemy의 "The Complete Web Developer in 2019 : Zero To Mastery" 강의에서 학습한 내용을 정리한 포스팅입니다. *https://soldonii.github.io에서 2019년 7월 16일(화)에 작성한 글을 티스토리로 옮겨온 포스팅입니다. *자바스크립트를 배우는 단계라 오류가 있을 수 있습니다. 틀린 내용은 댓글로 말씀해주시면 수정하겠습니다. 감사합니다. :) 1. Advanced Functions 변수를 global scope에서 선언하는 것은 안전하지 못한 방법이다. 이러한 bug를 방지하기 위해서 함수 내에 변수를 선언하고, 함수 실행시마다 해당 변수가 초기화되는 방법을 사용할 수 있다. const first = () => { const greet = .. 2019. 8. 27.
(10) 자바스크립트 심화 1 - scope, 삼항조건 연산자, 화살표 함수 등 *Udemy의 "The Complete Web Developer in 2019 : Zero To Mastery" 강의에서 학습한 내용을 정리한 포스팅입니다. *https://soldonii.github.io에서 2019년 7월 16일(화)에 작성한 글을 티스토리로 옮겨온 포스팅입니다. *자바스크립트를 배우는 단계라 오류가 있을 수 있습니다. 틀린 내용은 댓글로 말씀해주시면 수정하겠습니다. 감사합니다. :) 1. 스코프(Scope) Scope는 변수에 대한 접근 권한을 가진 layer를 의미하며, window 객체가 default root scope이다. 함수는 root scope에 있는 어떤 변수에라도 접근이 가능하다. 아래 사례를 보면, 변수(b)와 함수(bb) 모두 root scope인 window .. 2019. 8. 27.
(9) DOM 조작 *Udemy의 "The Complete Web Developer in 2019 : Zero To Mastery" 강의에서 학습한 내용을 정리한 포스팅입니다. *https://soldonii.github.io에서 2019년 7월 11일(목)에 작성한 글을 티스토리로 옮겨온 포스팅입니다. *자바스크립트를 배우는 단계라 오류가 있을 수 있습니다. 틀린 내용은 댓글로 말씀해주시면 수정하겠습니다. 감사합니다. :) 1. DOM이란? webpage가 로딩되면, browser는 자동으로 위 사진 같은 형태로 구성된 document object를 만든다. 이 document object는 우리가 browser에서 보는 화면 그 자체를 객체로 옮겨놓은 것이며, window라는 객체를 부모 객체(parent object).. 2019. 8. 27.
(8) 자바스크립트 기초 - 변수, 함수, 자료구조, 반복문 *Udemy의 "The Complete Web Developer in 2019 : Zero To Mastery" 강의에서 학습한 내용을 정리한 포스팅입니다. *https://soldonii.github.io에서 2019년 7월 10일(수)에 작성한 글을 티스토리로 옮겨온 포스팅입니다. *자바스크립트를 배우는 단계라 오류가 있을 수 있습니다. 틀린 내용은 댓글로 말씀해주시면 수정하겠습니다. 감사합니다. :) 1. 자바스크립트의 데이터 타입 # Javascript Types : Number, String, Boolean, Undefined, Null, Symbol(new in ECMAScript6), Object 2. Variables, Control Flow # 변수(Variables) 왜 변수를 선언해야.. 2019. 8. 27.
(7) 부트스트랩 4(Bootstrap 4) *Udemy의 "The Complete Web Developer in 2019 : Zero To Mastery" 강의에서 학습한 내용을 정리한 포스팅입니다. *https://soldonii.github.io에서 2019년 7월 7일(일)에 작성한 글을 티스토리로 옮겨온 포스팅입니다. *자바스크립트를 배우는 단계라 오류가 있을 수 있습니다. 틀린 내용은 댓글로 말씀해주시면 수정하겠습니다. 감사합니다. :) 1. 부트스트랩이란? Bootstrap은 CSS를 기초(scratch)부터 작성하지 않고, 편리하게 사용할 수 있는 기초를 제공해주는 CSS library이다. CDN(Content Delivering Network, 즉 link를 복사해서 HTML 파일에 붙여넣는 방식)을 활용하면 bootstrap 사.. 2019. 8. 27.
(6) CSS3 심화 문법 *Udemy의 "The Complete Web Developer in 2019 : Zero To Mastery" 강의에서 학습한 내용을 정리한 포스팅입니다. *https://soldonii.github.io에서 2019년 7월 6일(토)에 작성한 글을 티스토리로 옮겨온 포스팅입니다. *자바스크립트를 배우는 단계라 오류가 있을 수 있습니다. 틀린 내용은 댓글로 말씀해주시면 수정하겠습니다. 감사합니다. :) 1. 주요 렌더링 경로(Critical Rendering Path) browser가 website를 불러오려면 server에 필요한 HTML 파일을 요청하게 된다. 파일을 받으면 HTML 파일을 읽기 시작하는데, 읽다보면 CSS 파일, Javascript 파일 등이 추가로 필요한 것을 알게되고, 다시 s.. 2019. 8. 27.
(5) CSS3 기본 문법 *Udemy의 "The Complete Web Developer in 2019 : Zero To Mastery" 강의에서 학습한 내용을 정리한 포스팅입니다. *https://soldonii.github.io에서 2019년 7월 5일(금)에 작성한 글을 티스토리로 옮겨온 포스팅입니다. *자바스크립트를 배우는 단계라 오류가 있을 수 있습니다. 틀린 내용은 댓글로 말씀해주시면 수정하겠습니다. 감사합니다. :) 1. CSS란? CSS = Cascading Style Sheet Cascading이란, 위에서부터 아래로 순차적으로 정보를 읽는다는 의미이다. 예를 들어 동일한 tag에 대해서 CSS 파일의 위쪽과 아래쪽에서 각기 다른 서식을 설정할 경우, 아래쪽의 서식을 적용하게 된다. 작성하는 위치 뿐만 아니라, .. 2019. 8. 27.
(4) HTML5 심화 문법 *Udemy의 "The Complete Web Developer in 2019 : Zero To Mastery" 강의에서 학습한 내용을 정리한 포스팅입니다. *https://soldonii.github.io에서 2019년 7월 4일(목)에 작성한 글을 티스토리로 옮겨온 포스팅입니다. *자바스크립트를 배우는 단계라 오류가 있을 수 있습니다. 틀린 내용은 댓글로 말씀해주시면 수정하겠습니다. 감사합니다. :) 1. form 태그 HTML에는 사용자의 정보를 입력받을 수 있는 tag가 존재한다. element는 하위에 정보를 입력받을 다양한 종류의 element tag가 존재한다. : 사용자가 정보를 입력할 수 있는 input field를 생성하는 tag이다. 다양한 종류의 input type이 존재한다. : .. 2019. 8. 27.
(3) HTML5 기초 문법 *Udemy의 "The Complete Web Developer in 2019 : Zero To Mastery" 강의에서 학습한 내용을 정리한 포스팅입니다. *https://soldonii.github.io에서 2019년 7월 3일(수)에 작성한 글을 티스토리로 옮겨온 포스팅입니다. *자바스크립트를 배우는 단계라 오류가 있을 수 있습니다. 틀린 내용은 댓글로 말씀해주시면 수정하겠습니다. 감사합니다. :) Developer는 문제를 해결하는 사람(PROBLEM SOLVER)이다! PROBLEM SOLVER는 google 등을 이용해 정보를 찾고, 이를 토대로 문제를 해결하는 사람들이다. 모든 지식을 다 외우고 가지고 있는 사람이 아니다. 물론 단순히 코드를 복사해서 사용할 수도 있을 것이다. 하지만 좋은 .. 2019. 8. 26.

티스토리툴바