JavaScript/스타터 키트 (4) 썸네일형 리스트형 [4주차] Step3(JavaScript Part3) * 이 자료는 제가 복습하기 위해서 작성한 내용입니다. 제대로 공부하시려면 바닐라코딩에서 공유한 스타터키트를 참고하시길 바랍니다. 1. 7월 27일 / 4주차 2. 알고 있는 내용 - template literals: 내장된 표현식을 허용하는 문자열 리터럴이다. function find(arr) { for (let i = 0; i < arr.length; i++) { if (arr[i] === "answer") { return `정답은 ${i}에 있다`; } }; } - 나머지 연산자(%)를 활용하여 홀수 짝수를 구별할 수 있다. - 객체에 새로운 속성을 추가할 때는 Dot notation 또는 Bracket Notation을 이용할 수 있다. 3. 알고 있다고 생각했지만 모르는 내용 - Array.pr.. [3주차] Step2(JavaScript Part2) * 이 자료는 제가 복습하기 위해서 작성한 내용입니다. 제대로 공부하시려면 바닐라코딩에서 공유한 스타터키트를 참고하시길 바랍니다. 1. 7월 20일 / 3주차 2. 알고 있는 내용 - 함수: 여러 개의 코드 구문들을 하나의 단위로 묶어 실행할 수 있는 것을 의미한다. - 함수는 두 가지 방법, 1) 함수 선언식 2) 함수 표현식 으로 선언할 수 있다(기능적인 차이 有). 선호하는 방식으로 선언하여 사용해도 무관하지만, 프로젝트 내에서 일관된 스타일을 유지하는 것이 중요하다. // Function Declaration (함수 선언식) function foo () { // function body.. } // Function Expression (함수 표현식) const foo = function () {.. [2주차] Step2(JavaScript Part1) * 이 자료는 제가 복습하기 위해서 작성한 내용입니다. 제대로 공부하시려면 바닐라코딩에서 공유한 스타터키트를 참고하시길 바랍니다. 1. 7월 13일 / 2주차 2. 알고 있는 내용 - 자바스크립트의 역할: 웹페이지가 동적으로 움직이도록 만들어줄 수 있다. => 자바스크립트는 HTML의 특정 요소(들)을 선택하여 "이벤트"(마우스 클릭, 키보드 입력 등)에 따라 어떤 동작을 하도록 기능을 넣어줄 수 있다. 자바스크립트는 이벤트에 따라 HTML이나 CSS를 조작할 수도 있고 그 외에도 여러가지를 할 수 있다. (예를 들면 아래와 같이 스크롤 이벤트에 따라 화면에 다른 글자, 다른 이미지가 나오게끔 할 수 있다) - 한 줄 코멘트는 // 로, 한 줄 이상의 코멘트는 /* */ 로 작성하기 // 한 줄 코멘트.. [1주차] Step1 + Step2(Introduction to Programming) * 이 자료는 제가 복습하기 위해서 작성한 내용입니다. 제대로 공부하시려면 바닐라코딩에서 공유한 스타터키트를 참고하시길 바랍니다. 1. 7월 6일 / 1주차 2. 알고 있는 내용 - HTML은 Hypertext Markup Language의 줄임말로, 웹사이트를 만드는 가장 기초가 되는 마크업 언어(프로그래밍 언어 X)다. 모든 웹 페이지는 HTML을 이용하여 그 구조가 결정된다. - HTML을 구성하는 기본 단위는 태그이다. 여는 태그와 닫는 태그를 이용하여 만든 것들을 하나의 element(요소)라고 부른다. , , 는 HTML 문서의 전반적인 구조를 정의하기 위해 사용된다. - 몇몇 HTML 태그는 attribute(속성)를 이용하여 추가적인 정보나 명령을 받을 수 있다. 태그는 src 속성을 통.. 이전 1 다음
