Develop/JavaScript

1) Map Map은 반환 값으로 Array를 제공한다. 2) Every Every는 반환 값으로 True || False 를 제공한다.

2021. 4. 18.

Develop/JavaScript

머릿말 최근 next-step 과제를 통해 다양한 사람들의 코드를 보면서, 제목에 보이는 2가지 모두 "함수다운" 기능을 수행하는데 그 차이점이 궁금하여 검색을 하게 되었다. 그래서 차이점이 뭔가요? 간략하게 그 둘의 차이를 말하자면, 범위 ( Scope)의 차이라고 정의 할 수 있겠다. 1) function () 같은 경우는 다른 문장의 가장 상단에서 읽히는 hoisting 이 허용이 되고, 2) const = () => 같은 경우에는 block 내부에서만 구현이 가능한 범위를 가지고 있으며, 다시 선언이 될 수 없다는 특징을 가지고 있다. 위와 같은 이유를 통해, 일반적으로는 hoisting을 지원하는 function을 더 선호한다. 코드를 통해 알아보자. 1) Using Arrow 위에서 언급 했던..

2021. 4. 18.

Develop/JavaScript

들어가기 전에 1주차 계산기 과정에서는 TDD와 BDD에 대한 게시물을 읽지 못하고 시작하여 "테스트코드"를 선행하여 만든 것이 아닌, 개발을 위한 코드를 모두 작성하고 난 후에 만들었다. 그러다보니, 내가 수정이 필요한 부분은 개발 과정 속에서 대부분 발견 되어 "과연 테스트코드가 필요한가?" 에 대한 의문을 안고 있었는데 이는 순서가 달라서 겪었던 생각이 아니였을까라는 느낌이 든다. 만들어야 하는 어플리케이션이 요구하는 기능을 올바르게 테스트케이스에 반영시켜서, 내가 짠 코드가 올바르게 적용 되고 있는지 확인하는 작업을 "2주차 - 레이싱 경주" 에 반영 시키기 위해 TDD와 BDD 내용을 정리 해보고자 한다. TDD 정의 테스트 케이스를 미리 정의하고, 코드를 작성하는 방법을 의미합니다. 흔히들 개..

2021. 4. 15.

Develop/HTML & CSS

LEVEL 21 : 짝수 자리의 그릇만을 선택 HTML CSS plate:nth-of-type(even) { } LEVEL 22 : 2n + 3 자리의 그릇을 선택 HTML CSS :nth-of-type(2n+3){ } LEVEL 23 : 중간에 있는 사과만을 선택 HTML CSS plate .small:only-of-type { ] LEVEL 24 : 작은 오렌지와 사과 중 마지막에 있는 것만을 고르시오. HTML

2021. 4. 9.

Develop/HTML & CSS

LEVEL 11 : 플레이트 위에 있는 모든 것을 선택 HTML CSS plate *{ } LEVEL 12 : 플레이트 옆에 있는 사과를 선택 HTML CSS plate + apple{ } LEVEL 13 : 벤토와 플레이트(접시) 사이에 있는 피클을 선택 HTML CSS bento ~ pickle { } LEVEL 14 : 플레이트 위에 있는 사과만을 선택 HTML CSS plate > apple { } LEVEL 15 : 맨 위에 있는 오렌지만 선택 HTM CSS orange:first-child { } LEVEL 16 : 접시 위에 있는 토마토와 피클만 선택 HTML CSS plate :only-child { } LEVEL 17 : 작은 사과와 피클만 선택 HTML CSS .small:last-ch..

2021. 4. 9.

Develop/HTML & CSS

series 2편 : kimbangg.tistory.com/99 [CSS] CSS Diner 해설 (2) LEVEL 11 : 플레이트 위에 있는 모든 것을 선택 HTML CSS plate *{ } LEVEL 12 : 플레이트 옆에 있는 사과를 선택 HTML CSS plate + apple{ } LEVEL 13 : 벤토와 플레이트(접시) 사이에 있는 피클을 선택 HTML.. kimbangg.tistory.com 3편 : kimbangg.tistory.com/100 [CSS] CSS Diner (3) - 마무리 LEVEL 21 : 짝수 자리의 그릇만을 선택 HTML CSS plate:nth-of-type(even) { } LEVEL 22 : 2n + 3 자리의 그릇을 선택 HTML CSS :nth-of-ty..

2021. 4. 9.

Develop/HTML & CSS

아무런 의미없이 콘텐츠의 영역을 구분 할 때 사용이 된다. 페이지 내에서 독립적인 기능을 수행한다. 해당 부분을 떼어서 다른 곳에 두어도 본 기능을 올바르게 수행 할 수 있을 때 article을 사용해준다. 예시) 배너 / 위젯 etc. body 내부에는 1개 이상의 section이 있어야한다. section은 독립체로 있지 않고, 하나의 팀과 같은 역할을 수행한다. 내용에는 Heading ( = ) 가 포함 되어야 한다. Title this is a paragraph>

2021. 3. 26.

Develop/HTML & CSS

공통점 id와 class 태그는 모두 특정 요소에 스타일을 입히기 위해 사용됩니다. 차이점 1. ID 유일한 즉 하나의 요소에만 스타일을 주기 위해 사용합니다. ID는 #{name} 을 통해서 style을 줄 수 있습니다. 2. Class 다수의, 반복되는 요소에 스타일을 주기 위해 사용합니다. Class는 .{name} 을 통해 style을 줄 수 있습니다. ID vs Class

2021. 3. 26.