react 프로젝트 자동 설치 명령어 - webpack, babel, jest 자동 설치 가능src 폴더 내의 jsconfig.json 파일 추가파일 명 ⇒ 컴포넌트명.module.css ex) Navigation.module.css설치적용 임포트App.js 라우터

자바스크립트의 특정 값이 바뀌면 특정 DOM의 속성이 바뀌도록 연결을 해주어서, 업데이트 하는 작업을 간소 화해주는 방식으로 웹개발의 어려움을 해결브라우저에 실제로 보여지는 DOM 이 아니라 그냥 메모 리에 가상으로 존재하는 DOM 으로서 JavaScript 객체 이기

BOM vs DOM BOM - browser object model (window 객체) 윈도우 객체는 모든 브라우저에서 지원된다. 브라우저 창, 프레임, 히스토리, 쿠키 등과 같은 브라우저 관련 객체를 다루는 모델 window 객체 중심으로 navigator, location, history, screen 등 표준화 API가 없으며, 브라우저마다 구...

동원 예비군을 갔다왔다...3일이란 공백동안 블로그 못쓴게 아쉽구나..DOM은 하나의 객체로서 자바스크립트가 HTML태그에 접근할 수 있게 해주게함넓은 의미로 웹 브라우저가 HTML 페이지를 인식하는 방식문서 객체가 생성되는 방식?정적으로 문서 객체를 생성: 웹 브라우

업무진행 프로세스를 짜야한다.고객들이 어떻게 행동할 지를 예측해서 작성하는 것이 좋다.웹과 모바일 웹 또한 스케치를 통해 시각화 하는 것이 중요하다.웹 페이지에 경우에 GNB 부분에 하이 레벨 부분의 와이어프레임 정도만 스케치를 하고 모바일은 전 부분을 다해주어도 된다

Unified Modeling Langouage로 복잡한 사람들의 사고와 생각을 표현하는 도구 구축에 대한 소프트웨어, 프로그래밍이 아닌 시스템 자체의 산출물의 역량을 시각화 하여 규정하는데 목적을 두고 있음. 이런 과정을 통해 꼭 필요한 행위를 기반으로 한 객체 지향

변화하는 기술 흐름에 맞추어 기존 UI/UX가 강조되었던 과거에서 빅데이터를 활용한 총체적 경험이 대두되고 있다. 첫 오티가 진행되고 서비스 기획에 대한 온라인 수업이 진행되었다. 아무래도 프로젝트 캠프이다 보니, 각자 팀에서 프로젝트를 만들어내야하고 개발에 들어가기

리액트 앱의 최적화를 위한 useMemo와 useCallback에 대한 짧은 정리

DOM 객체는 브라우저에서 HTML문서를 조작하기 위한 인터페이스이다. DOM 객체는 트리구조로 되어 있으며, Document 라는 최상위 객체 아래 html element들이 자식으로 이루어진 모습이다. DOM은 조작 속도가 느리다. 일부를 바꿔야한다면 전부를 바꾼다

react에 기초적인 원칙 중 하나인 단방향 데이터 흐름에 따라, 상위 컴포넌트에서 정의된 state는 하위 컴포넌트로만 전달된다. 그런데, 하위 컴포넌트에서 발생한 이벤트로 인해 상위 컴포넌트의 state가 변경되어야하는 상황이 종종 있다. 예를 들어, 어떤 검색 컴

그대가 컴퓨터 쪽 공부를 시작한다면, 라우팅, 라우트이란 용어를 많이 마주쳤을 수 있다.CS 지식 입장에서 라우팅은, 네트워크 계층 중 하나로 패킷의 전송 경로를 지정하는 역할을 하는 것을 말한다. 이렇게 설명하면 이제 패킷은 뭐지.. 네트워크 계층이 먼말이요.. 어

리액트는 프론트엔드 개발을 위한 Javascript 오픈소스 라이브러리입니다.선언형, 컴포넌트 기반, 좋은 범용성 을 지니고 있습니다. 리액트는 JSX를 활용한 선언형 프로그래밍을 지향하기 때문에, 하나의 파일에 명시적으로 코드를 작성할 수 있습니다. 따라서 개발자 입