본문 바로가기

HTML, CSS, Javascript

JavaScript : arrow function arrow function 표현식은 일반 함수 표현식보다 더 간단하게 작성할 수 있다. 하지만 몇 가지 중요한 차이점과 제한이 있다.arrow function은 자체적으로 this, arguments, super 키워드를 가지지 않는다. 그래서 일반적인 함수처럼 객체의 매서드로 사용하면 의도한 동작이 이루어지지 않을 수 있다.arrow function은 new 키워드를 사용해 생성자로 사용하면 TypeError가 발생한다. 또한 생성자 함수에서 사용할 수 있는 new.target 키워드도 사용할 수 없다.arrow function은 yield를 사용할 수 없다. 따라서 제네레이터 함수로 만들 수 없다. 제너레이터 함수는 함수 내부에서 yield 키워드를 사용하는데, arrow function은 이를 지원.. 더보기
HTML, CSS : 나만의 Playlist 디자인하기 1. 완성본- 노마드코더 코코아톡 챌린지에서 진행한 나만의 플레이리스트를 직접 제작해보았다.   2. 디렉터리- 이미지 폴더, 1개의 html 파일, 2개의 css 파일로 이루어져있다.(index.html : 방문자가 사이트를 요청할 때 다른 페이지가 지정되지 않은 경우 웹사이트에 표시되는 기본 페이지이다.)   3. 과정* index.html- css 파일은 styles.css 파일만 연결한 후, styles.css 파일에 main-song.css 파일을 import하였다.- font awesome을 통해 아이콘을 넣었다. (kit 필요)    * Kit이란?   * body- [결과물]에서 겉에 틀을 container로 묶어서 작업하였다.   * 첫번째 container 내부 - class 명을 작명.. 더보기