Document Nodes 2.1 document Node Overview document로부터 상속받은 HTMLDocument constructor는 DOM에서 DOCUMENT_NODE (ex. window.document)를 만듬 HTMLDocument 생성자

폭포와 같이 한 방향으로만 프로세스가 진행되는 개발 과정을 뜻하며 워터폴(Waterfall) 즉, 폭포수 개발 방식이라고 함계획에 의존하여 형식적인 절차를 끝까지 따라야 하고 중간에 뒤로 회귀할 수 없는 전통적인 개발 프로세스보다는 훨씬 효율적으로 개발에 착수 가능이러

위 코드처럼 props의 타입을 정의하였으며, prop types를 엄격하게 체크할 경우 isRequired가 붙지 않은 타음은 다음과 같이 기본 값을 입력해주어야 한다.flow는 자바스크립트의 정적 타입 체커이다.TypeScript는 마이크로소프트에서 개발한 Java

코드스테이츠에서 처음으로 진행하는 개인 프로젝트 쇼핑몰과 비슷하지만 매우 간단한 기능만을 가지고 있는 프로젝트인 fe-sprint-coz-shopping 를 일주일간 진행하였다.이번 프로젝트에 git flow를 적용하기로 하여 다른 분들께 git flow에 대해 설명할

"recoil": "^0.7.7"Redux에 이어 Recoil 을 공부하고 프로젝트에 적용해 보고자 한다.Redux를 공부할 때 간단히 작성해보았던 상태관리 라이브러리의 발전 과정이다.직접 state 관리하기작은 프로젝트에서는 편하게 관리할 수 있지만 규모가 커질 경우

"vite": "^4.3.9""@vitejs/plugin-react": "^4.0.0","react": "^18.2.0","typescript": "^5.0.2",지금까지는 create-react-app을 사용하여 리액트 앱을 만들었지만, vite를 경험해보고 싶어 이

"react": "^18.2.0","typescript": "^4.9.5","react-redux": "^8.1.1","@reduxjs/toolkit": "^1.9.5",Redux toolkit 공부 정리 - \[SEB_FE_45] 2023.06.21 / Redux

45기 교육생분들 중 한분께서 자료 공유방에 Redux toolkit에 대해 학습할 때 도움이 되었던 유튜브 영상 하나를 공유해주셨는데,매우 도움이 되어 영상 내용을 간단히 정리하고자 합니다.유튜브 영상: Let’s Learn Modern Redux! (with Mar

"react": "^18.2.0","typescript": "^4.9.5","date-fns": "^2.30.0","react-big-calendar": "^1.8.1","@types/react-big-calendar": "^1.6.4","react-datepicker

CSS 라이브러리를 선택하기 전 CSS의 발전 흐름에 대해 정리한 글을 보았다.CSS의 발전 흐름에 대해 정리한 글: 내가 하면 더 잘 만들 것 같아서 만들어 본 세상 귀여운 on-demand Atomic CSS Library. -Part.1정말 간단히 요약하면 다음

react: ^18.2.0typescript: ^4.9.5react-app-rewired: ^2.2.1customize-cra: ^1.0.0출처: \[TS/Webpack/Jest] tsconfig paths를 사용할 때 Webpack, Jest 설정하기이전 프로젝트에서

react: ^18.2.0react-router-dom: ^6.23.0출처: React Router v6.4 튜토리얼 배우기react-router-dom docs(https://reactrouter.com/en/main/start/overviewThis ena

강의: 구름에듀 "안경잡이개발자가 알려주는 실전 알고리즘 강좌"링크: 안경잡이개발자가 알려주는 실전 알고리즘 강좌(강의는 알고리즘 풀이를 C/C++ 언어로 진행합니다.)내용 정리 출처자바 \[JAVA] = 퀵 정렬(Quick Sort)\[JS/Sorting] 퀵 정렬,

강의: 구름에듀 "안경잡이개발자가 알려주는 실전 알고리즘 강좌"링크: 안경잡이개발자가 알려주는 실전 알고리즘 강좌(강의는 알고리즘 풀이를 C/C++ 언어로 진행합니다.)내용 정리 출처: JS/Sorting 버블 정렬, 삽입 정렬, 선택 정렬 자바스크립트로 구현하기 (B

강의: 구름에듀 "안경잡이개발자가 알려주는 실전 알고리즘 강좌"링크: 안경잡이개발자가 알려주는 실전 알고리즘 강좌(강의는 알고리즘 풀이를 C/C++ 언어로 진행합니다.)내용 정리 출처: JS/Sorting 버블 정렬, 삽입 정렬, 선택 정렬 자바스크립트로 구현하기 (B

강의: 구름에듀 "안경잡이개발자가 알려주는 실전 알고리즘 강좌"링크: 안경잡이개발자가 알려주는 실전 알고리즘 강좌(강의는 알고리즘 풀이를 C/C++ 언어로 진행합니다.)내용 정리 출처: JS/Sorting 버블 정렬, 삽입 정렬, 선택 정렬 자바스크립트로 구현하기 (B

UI(User Interface)와 UX(User Experience)는 디자인과 사용자 경험을 다루는 두 가지 관점UI는 사용자가 디지털 제품 또는 서비스와 상호 작용하는 인터페이스를 의미이는 사용자가 시스템과 소통하는 방식을 포함하며, 디자인, 레이아웃, 색상, 아

같은 출처(Origin)의 리소스만 공유가 가능\* 출처(Origin): 프로토콜, 호스트, 포트의 조합SOP는 잠재적으로 해로울 수 있는 문서를 분리함으로써 공격받을 수 있는 경로를 줄여움지도, AWS 기능 등 외부 API를 사용할 때 SOP에 해당하지 않지만 COR

리액트는 페이지 단위가 아닌 컴포넌트 단위로 개발앱 만들 때: 컴포넌트 구조로 나누어 상향식으로 개발데이터 흐름(Props): 부모 컴포넌트로부터 자식 컴포넌트로 데이터를 전달하며 이는 하향식State: 해당 컴포넌트에서 수정 또는 삭제하기 위해 지정만약 자식 컴포넌트

REST API: Representational State Transfer Application Programming Interface로이 필딩 박사학위 논문에서 웹(http)의 장점을 최대한 활용할 수 있는 아키텍처로써 처음 소개됨로이 필딩이 논문에서 제시한 REST