As i wish

for...in, for...of 차이 for ...in, for ...of 차이 자주 헷갈리는게 있어서 한번 포스팅해봅니다.바로 반복문 중에 ES6 부터 추가 된for ...infor ...of입니다.둘다 반복문으로 사용 되는데요 하나는 객체를 탐색하고 나머지 하나는 배열 요소를 탐색합니다.위처럼 객체의 프로퍼티가 나오는것을 확인해 볼 수 있습니다 velog.io

이번 포스팅에서는 nth-child 에 대하여 몇가지 적어 보겠습니다. 일단 p: nth-child(an+b) 처럼 사용 할 수 있고 '부모의 an+b 번째 자식인 p 요소' 를 의미합니다. 어떤 부모가 있고 그 부모 밑에 p 요소가 있는데 그중에 'an+b 번째' 자식만 선택하겠다는 의미가 되죠. 말로 풀면 의미가 조금 어려운데 바로 코드로 보겠습니다. The first paragraph. The second paragraph. The third paragraph. The fourth paragraph. Note: Internet Explorer 8 and earlier versions do not support the :nth-child() selector. 전체 스타일 내에 2번째 자식인 p 태그를..

안녕하세요. 엄티입니다. 오늘은 CSS selector 중 비슷하지만 조금 다른 것들을 알아보겠습니다. 오늘은 그 중에서 4 가지 경우를 알아볼건데요. 1. A B 2. A > B 3. A + B 4. A ~ B 1, 2 번은 A 태그 안에 있는 B 라는 태그 가 있을 경우, 3, 4 번은 B라는 태그가 A 태그 랑 같은 레벨에 있을 경우에 적용 됩니다. 1. div p: div 자식안에 있는 모든 p 의 적용 2. div > p: div 의 직계자손인 p 의 적용 'List Item 1' 가 p 태그로 감싸져 있는데 1 번인 경우 div 에 자식안에 있는 모든 p의 적용 되기 때문에 ul 태그 안에 있어도 스타일이 적용 되는 반면 2 번인 경우 'List Item 1' 이 div 의 직계 자손이 아니기..

오늘은 EC2 (Ubuntu) 에서 node를 설치 및 업그레이드 하는 법을 포스팅 해보겠습니다. 실제 저는 서비스를 운영할 때에 node js를 사용합니다. 근데 버전이 계속해서 나오고 있고, 업그레이드도 되고 있기 때문에 그에 맞게 node 버전 및 npm 버전을 업그레이드 해 줄 필요가 생깁니다. 아주 간단합니다. 저는 node를 설치 할때 nvm 모듈을 사용하여 node를 설치하였는데요. 업그레이드 역시 nvm으로 설치 및 업그레이드 해보겠습니다. 1. nvm 설치 1-1 설치 $ sudo curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.1/install.sh | bash 1-2 확인 $ nvm ls -bach: nvm: comma..

기본은 모르고 자꾸 개발만 하다 보니 이상하게 제 지식이 역삼각형 형태가 되는 것 같아서. 기본적인 책을 사서 읽어보고 정리를 하려고 합니다. 책은 한빛미디어에서 나온 "You don't know JS - 카일 심슨"의 책을 바탕으로 정리해보겠습니다! 우선 this는 모든 함수 스코프 내에 자동으로 설정되는 특수한 식별자입니다. 일단 스코프란 링크를 참조해 주세요. 일단 this 가 사용된 코드를 보겠습니다. function identify() { return this.name.toUpperCase(); } function speak() { var greeting = 'Hello, Im ' + identify.call(this); } var me = { name: 'Kyle' }; var you = { ..