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가 강조되었던 과거에서 빅데이터를 활용한 총체적 경험이 대두되고 있다. 첫 오티가 진행되고 서비스 기획에 대한 온라인 수업이 진행되었다. 아무래도 프로젝트 캠프이다 보니, 각자 팀에서 프로젝트를 만들어내야하고 개발에 들어가기

컴퓨터는 데이터를 처리하는 물리적 장치 하드웨어와 작업을 지시하는 명령 프로그램 소프트웨어로 나뉜다. 운영체제는 하드웨어를 효율적으로 사용할 수 있게 관리하는 소프트웨어이다. 컴퓨터 시스템 전체를 제어한다.ALU, CU, 레지스터로 이루어져 있다.ALU(Arithmet

사용자가 브라우저에 URL을 입력브라우저는 DNS 서버를 조회해 서버의 IP정보를 얻어온다HTTP 프로토콜을 사용해 HTTP 요청 메세지를 생성하고, TCP/IP 연결을 통해 HTTP 요청이 웹 서버로 전송서버는 HTTP 프로토콜을 활용해 HTTP 응답 메세지를 생성

Layer 1 : 물리 계층(Physical layer)전기, 기계적인 신호를 주고받는 역할을 하는 계층디지털에서 아날로그 혹은 그 반대로 신호를 변환OSI 모델에서 가장 복잡한 계층전송 단위 : 비트(Bit)대표적인 장비 : 통신 케이블, 허브, 리피터, 어댑터 등등

여러 코딩 테스트 문제를 풀다가 내가 이진탐색 구현을 완벽하게 정리한 적이 없어 조금 헷갈려한다는 사실을 깨달았다. 이 문제 뿐만 아니라 다양한 코딩테스트 문제 중에서도 이진탐색을 활용하여 시간복잡도를 단축하는 등 활용성이 높아 개념을 완벽하게 정리해 보고자한다. 이

내가 프로젝트에 활용하는 서울 공공데이터는 5분마다 새로운 인구 데이터를 반환한다. 서울 실시간 도시데이터 APIhttps://data.seoul.go.kr/dataVisual/seoul/guide.do문제가 하나 있는데요 API가 근데 조금 느리다. 인구 데

DOM 트리에서 불필요한 태그들을 없애서 트리의 깊이가 깊지 않도록 만들어야 렌더링 속도를 높힐 수 있다.클래스로 묶어서 한번에 작성하는게 코드 양에서 효율적이다. 파일 크기를 줄일 수 있고, 인라인 스타일에 경우 리플로우를 계속해서 발생시켜 렌더링 완료 시점을 늦춘다

컴퓨터는 알다시피 하드웨어 + 소프트웨어의 결합체이다. 하드웨어의 기능적 분류를 하자면 아래와 같다.입력 장치 : 마우스, 키보드, 터치스크린 등이 해당된다. 사람의 신호를 컴퓨터가 처리할 수 있는 형태로 데이터와 명령을 받아드리는 물리적인 장치이다. 출력 장치 : 모

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

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

웹 파일 (html, css, js) + (기타 static 파일, png, jpeg 등등)을 배포하기 쉽도록 용량을 줄여 묶어주는 방법 웹팩은 프론트엔드 애플리케이션 배포를 위해 현재 가장 많이 사용하는 번들러이다.모던 웹에 진화에 맞추어 많은 양의 자바스크립트 모듈

서울 공공데이터를 활용한 프로젝트 중, json 형식을 사용해서 응답을 받던 api만 사용하다 XML 형식을 사용하는 api를 써야하는 상황이 생겼다. 그러다, xml을 바로 json 형식 객체로 변환해주는 모듈을 찾게 되었다. xml2json 모듈 사용 np

부모에게 전달된 이벤트는 자식 요소에게도 전달된다.자식에서 이벤트 버블링을 막기 위해서는 stopPropagation 을 지정해주어야 한다.

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