| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | |||
| 5 | 6 | 7 | 8 | 9 | 10 | 11 |
| 12 | 13 | 14 | 15 | 16 | 17 | 18 |
| 19 | 20 | 21 | 22 | 23 | 24 | 25 |
| 26 | 27 | 28 | 29 | 30 | 31 |
- Babel과 Webpack
- 자바스크립트
- 디스트럭처링
- ES6함수 추가기능
- 올림픽 통계 서비스 최적화
- 타입변환과단축평가
- const
- 이미지 갤러리 최적화
- 딥다이브
- 프로퍼티 어트리뷰트
- 인터넷 장비
- Set과 Map
- 프론트엔드 성능 최적화 가이드
- 전역변수의문제점
- 제너레이터와 async/await
- 브라우저의 렌더링 과정
- 네트워크 연결과 구성요소
- 기술컨퍼런스
- DOM
- 스코프
- 자바스크립트 딥다이브
- 원시값과객체의비교
- 비전공이지만 개발자로 먹고삽니다
- Property Attribute
- 블로그 서비스 최적화
- 모던 자바스크립트 Deep Dive
- var 사용금지
- 이벤트
- 프로그래머스
- 빌트인 객체
- Today
- Total
목록Web Development (46)
JDevBlog
테스트 코드를 왜 그리고 어떻게 작성해야 할까?_인프랩 테스트 코드는 왜 만들까_요즘IT 프론트엔드에서 의미있는 테스트 코드 작성하기
거북이같은 개발자의 집필 공간 Evans Library https://evan-moon.github.io/
CRA(create-react-app) + TypeScript 환경 빌드 퍼포먼스 최적화 https://hyperconnect.github.io/2020/12/14/typescript-build-optimization.html TOAST UI FE Guide https://ui.toast.com/fe-guide/ko 카카오페이지는 BFF(Backend For Frontend)를 어떻게 적용했을까? https://fe-developers.kakaoent.com/2022/220310-kakaopage-bff/
Automatic PR Labeler 로 코드 리뷰 효율 높이기
볼드나인 블로그에서 구현방법 확인하기 -> https://www.partner.bold-9.com/team/frontend/3
DOM 트리의 탐색
DOM 트리의 순회는 트리 자료구조의 순회 방법을 따른다. 트리구조 역시 자료를 효율적으로 탐색하고, 삽입이나 삭제할 수 있는 구조로 저장하는 것을 목적으로 하는 자료구조이기 때문에 효율적인 탐색 방법이 존재한다. 트리를 효율적으로 탐색하기 위해서는 타깃 노드에 도달할 때까지 최소한의 노드들을 거쳐가야 한다. 즉, 중복으로 방문하는 노드가 없어야 하는데 이를 위해 트리를 탐색하는 과정엔 방문한 노드를 기록하는 것도 포함되어 있다. 트리 자료구조의 노드를 탐색하여, 원하는 타깃을 찾아내는 방법에는 깊이 우선 탐색과 너비 우선 탐색이 있다. 깊이 우선 탐색 방법은 루트 노드로부터 계속해서 자식 노드로 내려가며 탐색하다가 마지막 자식 노드에 도달했을 때, 만약 아직 타깃을 찾지 못했다면 다시 부모 노드로 올라..
const 는 값을 변경할 수 없다? Nope.
const 키워드는 상수(const) 를 선언하기 위해 사용한다. 하지만, 반드시 상수만을 위해 사용하지는 않는다. const 키워드로 선언된 변수에 원시 값을 할당한 경우 값을 변경할 수 있다. 하지만, const 키워드로 선언된 변수에 객체를 할당한 경우 값을 변경할 수 있다. 변경 불가능한 값인 원시 값은 재할당 없이 변경(교체)할 수 있는 방법이 없지만 변경 가능한 값인 객체는 재할당 없이도 직접 변경이 가능하기 때문이다. 이처럼, const 키워드는 재할당을 금지할 뿐 "불변" 을 의미하지는 않는다. 다시 말해, 새로운 값을 재할당하는 것은 불가능하지만 프로퍼티 동적 생성, 삭제, 프로퍼티 값의 변경을 통해 객체를 변경하는 것은 가능하다. 이때 객체가 변경되더라도 변수에 할당된 참조 값은 변경되..
디자인 시스템 디자인 원칙과 중요 UX 전략에 의해 결합된 UI 구성요소 모음 이 구성요소를 다양한 조합으로 재사용하므로 효율적인 제품 빌드 및 업데이트가 가능 UI 요소 전체에 사용되는 색상, 타이포그래피 및 스타일, 표준, 원칙 및 일관된 UI 요소의 모음 Reference 디자인 시스템, 궁극의 기본 가이드 아우디 https://www.audi.com/ci/en/renewed-brand.html https://react.ui.audi/?path=/story/introduction--page 우버 https://github.com/uber/baseweb https://baseweb.design/components/
What is the Best File Structure for Frontend Application?
Domain Driven Design(feature-based) Pros easily scalable, readable, and maintainable easier to bring new developers to the project, as the structure is clear and understandable Features of the application are totally separated, so if developers have to fix bugs in one part of the application, Easy. Cons take some more time to understand the main domain in the application’s business logic 현 프로젝트 ..
