프로그래머스 데브코스: 클라우드 기반 웹 프론트엔드 3기
-
Rest API란?프로그래머스 데브코스: 클라우드 기반 웹 프론트엔드 3기 2024. 12. 24. 09:32
REST란?REpresentaional State Transfer효율적이고 안정적이며 확장가능한 분산 시스템을 가져올 수 있는 소프트웨어 아키텍쳐 디자인 제약의 모음HTTP URI를 통해 자원(resource)을 명시하고HTTP Methode를 통해해당 자원(URI)에 대한 CRUD 연산을 적용하는 것RESTful?REST의 기본 원칙을 성실히 지킨 서비스 디자인REST APIREST를 기반으로 서비스 API를 구현한 것구성요소구선요소내용표현방법Resource자원HTTP URIVerb자원에 대한 행위HTTP MethodRepresentations자원에 대한 행위의 내용HTTP Message Payload (body)설계 원칙리소스 표현URI는 리소스를 표현하는 데 집중해야 함동사보다는 명사를 사용 좋은 ..
-
Javascript로 Heap을 구현해보자프로그래머스 데브코스: 클라우드 기반 웹 프론트엔드 3기 2024. 11. 29. 11:38
힙이란?완전 이진 트리의 일종정렬, 우선순위 큐, 스케쥴링 등 다양한 알고리즘에 사용된다.용어 정리부모 노드자식 노드루트 노드리프 노드레벨높이특정 노드의 상위특정 노으의 하위트리의 최상단트리의 말단루트 ~ 리프트리의 깊이0부터 시작리프 ~ 루트트리의 높이1부터 시작 종류최대 힙부모 노드의 값 >= 자식 노드의 값항상 부모 노드의 값이 자식 노드의 값보다 크거나 같음최소 힙부모 노드의 값 항상 부모 노드의 값이 자식 노드의 값보다 작거나 같음활용 예시삽입/삭제 정렬 시간복잡도 삽입삭제순서 없는 배열O(1)O(n)순서 없는 연결 리스트O(1)O(n)정렬된 배열O(n)O(1)정렬된 연결 리스트O(n)O(1)힙O(logn)O(logn)우선순위 큐배열, 연결리스트, 힙으로 구현하능하지만 힙이 가장 효율적이다.최단..
-
first-child와 first-of-type의 차이프로그래머스 데브코스: 클라우드 기반 웹 프론트엔드 3기 2024. 11. 26. 00:14
데브코스 1주차 내용 중 CSS를 공부하면서 first-child와 first-of-type이 동일하게 첫 번쨰 요소를 고른다고 하는데 어떤 차이가 있는지 궁금해졌다. 그래서 뭐가 다른데?어떤 요소를 중심으로 생각하고 조건에 맞는 요소를 찾느냐가 다르다!예를 들어서 div 태그 하위에 다수의 p태그가 있다고 하자 p p p p 이때 css에서 first-child를 사용하면div > p:first-child { ...}브라우저는 div 하위의 첫 번째 자식 요소가 p일 때 해당 스타일을 적용한다. 반면, first-of-type은div > p:first-of-type { ...}div 하위의 p태그 중 첫 번째 요소를 선택한다. See the Pen Untitled b..
-
emmet 사용하기mmet 사용하기프로그래머스 데브코스: 클라우드 기반 웹 프론트엔드 3기 2024. 11. 19. 12:26
html와 css 등 다양한 파일 종류에 유용한 코드 단축키를 제공vscode에서는 emmet이 내장되어 있기 때문에 바로 별도의 설치 없이 사용할 수 있다.child하위 요소를 생성하는 방법은 `>` 을 사용하는 것이다.ul>li --> sibling동급 요소를 생성하고 싶다면 `+`를 사용한다. child + sibling당연히 하위 요소와 동급 요소를 섞어 응용할 수 있다.p>p>span+em --> 올라가기하위 요소를 작성하다 위로 올라가서 동급 요소를 생성하고 싶다면 `^`를 사용하면 된다. 아래의 코드에서는 마지막으로 하위 요소를 만든 태그가 이기 때문에 그 위의 태그로 올라가 의 하위..