install터미널에 위 명령어를 입력한다.npx storybook@next init스토리북 설치할거냐고 물어보는데 y 를 누르고 엔터를 친다.현재 7.0.2 버전으로 설치 할 수 있다.설치메세지그러면 위와 같은 메세지가 나오고 조금만 기다리면 패키지 설치가 시작된다본

기록용프로젝트 생성 명령어 (타입스크립트 사용시)프로젝트 로컬로 실행 명렁어

npx 에서는 create'-'react-app create와 react 사이에 대쉬(-) 를 붙여줘야 동작하는 듯 하다.yarn 에서는 create react-app 이와 같이 저 부분만 대쉬(-) 를 빼야 동작한다."대체 왜 이렇게 해놓은거야...? 헷갈리게 ㅡㅡ"

단순히 회사에서 이번 플젝때 쓰기로 해서 배운다가 아니라. 왜 타입스크립트여야 하는가에 대한 고찰이 필요하다.알아갈수록 강력한 타입지정의 힘을 느낄 수 있다.명시적으로 타입을 선언하는건 최소화 하는게 좋다. 타입스크립트가 알아서 추론하게 하자. 그래야 한줄이라도 코드를

키보드모니터USB 허브EFM ipTIME UC305HDMI (5포트/USB 3.0 Type C)외장 SSDESSENCORE KLEVV R1 Portable SSD (1TB)USB 메모리Sandisk Ultra Dual Drive Go Type C (128GB)

나는 22년 10월 초순에 항해99 8기를 수료했다. 이제서 후기글을 남기는 이유는 취업이 됬기 때문이다. > 단도직입적으로 조언한다. > 당신이 코딩에 대해 아무것도 모르는 제로베이스의 비전공자라면 단기 속성 부트 캠프 광고에 혹하지 말길 진심으로 바란다. > >

프론트엔드 개발자가 되려고 공부를 시작 할때 고민을 했다.Vue나 Angular 같은 프레임워크를 배울지, 라이브러리인 React 를 배울지... 내가 선택한 건 React 였고 그 이유를 지금 한번 간단하게 작성해 보려 한다.아래는 Stack Overflow 주제별

이벤트 버블링이란 한 요소에 이벤트가 발생하면 이 요소에 할당된 핸들러가 동작하고, 이어서 부모 요소의 핸들러가 동작하고 최상단의 부모 요소를 만날 때까지 반복되면서 핸들러가 동작하는 현상을 말한다.캡처링은 버블링과는 반대라고 생각하면 된다. 최상위 부모 태그에서 해당

var, let, const 차이를 설명해보세요이벤트 버블링과 캡처링에 대해 설명해보세요Promise를 사용한 비동기 통신과 async, await 를 사용한 비동기 통신의 차이를 설명해보세요호이스팅에 대해서 설명해보세요virtual DOM에 대해 설명해보세요클래스형과

어떠한 컴포넌트 있다고 하자Mount(첫 랜더링) 되었을 때Update(리랜더링) 되었을 때Unmount(화면에서 사라짐) 되었을 때위의 세 경우 특정한 작업을 수행 할 코드를 짜려면 useEffect() 를 사용한다. 인자로 콜백함수를 받으며, 형태는 아래와 같다.

useRef() 함수는 파라미터로 들어가는 값을 가지고 { current: "값" } 이러한 형태의 객체를 반환한다. ref 객체는 수정이 가능하다. 언제든 원하는 값으로 수정할 수 있다.반환된 ref 컴포넌트의 전 생애 주기 통해 유지 된다. 즉 컴포넌트가 계속 랜더

지금까지 나는 React를 다루면서 전역 State 관리를 위해 Redux 또는 Redux toolkit 을 사용했었다.하지만 별도의 라이브러리가 없이도 React에 내장된 Context API를 통해 전역 상태를 손쉽게 관리할 수 있다고 한다.부끄럽게도 Context

HTML을 지탱하는 것은 태그(tag)이다.문서 객체 모델(DOM)에 따르면, 모든 HTML 태그는 객체이다. 태그 하나가 감싸고 있는 ‘자식’ 태그는 중첩 태그(nested tag)라고 부릅니다. 태그 내의 문자(text) 역시 객체이다.이런 모든 객체는 자바스크립트

막연하게 State(상태) 라고만 하면 뭔가 딱 와닫는 느낌이 아니다.그래서 비개발자도 쉽게 알아먹도록 최대한 풀어서 설명을 해보자면 유저가 브라우저에서 접하게 되는 데이터 라고 나는 말하겠다. 객체 지향 프로그래밍에서는 프로그램의 기본단위가 객체이며, 객체간 상호작용

React 로 새로 고침, 즉 깜빡임 없이 최신 게시글을 리랜더링 할 수 있을까?가장 좋은 방법은 post 요청을 할때 response에 다시 내려받아 redux 리듀서 함수를 사용해 스테이트 관리를 해주면 쉽게 끝나지만기술적인 문제로 만약 response에 해당 게시

Troubleshooting 🧨 index.html에 환경변수 적용하기 카카오 맵 API Geocoder() 메서드 사용 시 CORS 에러가 발생하는 문제 실전 프로젝트 1주차... 이번주에 해야할 목표는 달성했는데 프

공식 문서를 바탕으로 위와같이 코드를 작성했는데 ~ has blocked by CORS policy: Response to preflight ~ 같은 오류가 나오면서 지도가 정상적으로 불러와 지지 않는 현상이 나타났다.정확히 말하면 맵은 가져와 지는데 business

자바스크립트 파일에서는 아래와 같은 방법으로 .env 파일안에 있는 환경변수를 불러왔다.하지만 html 파일에선 아래처럼 % 사이에 환경변수를 넣어 호출해야 한다.관련 내용은 프로젝트에 이렇게 반영되었다.

직접 정리한 웹소켓 관련 내용웹소켓은 양방향 소통을 위한 프로토콜이다. 프로토콜은 서로 다른 컴퓨터끼리 소통하기 위한 약속이라고 볼 수 있다.반면, socket.io는 양방향 통신을 하기위해 웹소켓 기술을 활용하는 라이브러리이다. 즉, 자바스크립트와 jQuery의 관계