지금까지 배운 hydrate 되는 client(= client에서 interactive하게 만들어질 components)는 코드 최상단에 “use client” 지시어를 가지고 있는 컴포넌트 뿐이다이렇게 “use client”를 지우면 이런식으로 client co

이 개념을 이해하기 위해 몇가지 테스트를 하겠다브라우저의 Sources에서 disable Javascript 실행 후 anchor를 클릭하여 페이지를 이동해보자링크 클릭에 따라 화면이 새로고침된다자바스크립트를 사용한 건 아니고 그저 a 태그의 link를 따라가는 것이다

📖 Redering : component를 가져와서 브라우저가 이해할 수 있는 HTML로 변환하는 작업 React가 application을 렌더하는 방법(CSR) CRA로 React만을 이용해서 application을 생성하면 client side apllicat

라이브러리 사용 중에 우선 구현을 먼저 해보려고 타입을 any로 지정했더니 eslint 에러가 발생했다.Unexpected any. Specify a different typeeslint 설정 파일에서 규칙을 수정해주면 된다.나는 .eslintrc.cjs 를 수정해줬다

이전에 Jest로 기대 결과값을 비교하면서 잠시 찍힌 메시지가 마음에 걸렸다. Object.is equality? | MDN Javascript에서 값을 비교하는 방법은 크게 세가지가 있다. Object.is(value1, value2) 각각의 차이점은, =

코테에서 주어진 조건의 예외 처리를 위해 Jest로 테스트코드 작성중인데, 기대 결과를 toBe() 로 넣고 테스트를 실행하고 있다.| 프로그래머스 - 마지막 두 원소테스트를 실행해보니 아래와 같이 테스트가 제대로 돌지 않았다.문제를 잘못 풀었나 싶어서 console에

javascript로 DOM을 조작하다보면 innerHTML, innerText, textContent 를 사용하게 되는데 비슷한 동작을 하지만 각각 어떤 차이가 있는 것인지 알아보도록 하자.| MDN요소(element) 내에 포함 된 HTML 또는 XML 마크업을 가

프로그래머스 문제를 풀던 중 숫자를 나눈 몫을 구해야 하는 문제가 있었는데, 정수형태여야했다. 평소 이런 문제에서는 크게 Math.round, Math.ceil, Math.floor를 사용했는데 스터디원분이 Math.trunc 라는 메서드를 소개해주셨다. | 해당 프

Javascript 호이스팅에 대한 설명을 듣던 중 var, const, let으로 선언한 변수에 대한 차이를 배웠다. const, let은 선언전에 사용하면 ReferenceError가 발생하는데 그럼 호이스팅이 되지 않는걸까?스코프 내부 어디서든 변수 선언은 최상위

| 참고 영상 grid 먼저 행(row), 열(column) 알아보기 사실 나는 이게 몇년째 헷갈려서 할 때마다 찾아보고 있다. 우선 사용할 기본 문서를 만들어줬다. ![](https://velog.velcdn.com/images/e-sum-e/post/2

| 참고 영상우선 사용할 기본 문서를 만들어줬다.felx-direction의 default값이 row이기 때문에 자동으로 행 기준으로 정렬된다.flex-direction: column열 기준으로 정렬이 된 모양이 된다flex-direction: row-reversero

공식 문서(https://nodejs.org/api/fs.html> 파일 시스템과 상호작용 할 수 있게 도와주는 모듈node와 함께 번들링되어 있기 때문에 별도 설치 없이 사용 가능비슷한 예로 http, url, path 등이 있음알고리즘에서 어떻게 사용할것인

| \[참고 블로그]Readable stream에서 한번에 한 줄씩 데이터를 읽기 위한 인터페이스를 제공하는 모듈데이터를 읽기 위해 인터페이스를 제공해주는 모듈Javascript에 내장되어 있는 듯 하다process.stdin : standard input에 대한 re

jsx로 만든 child component에서 props로 받는데 빨간줄이 생겼다 → 근데 브라우저에서 실행하면 정상 동작이 되긴 한다😡| 참고 블로그javascript에서는 props의 타입을 지정해주지 않기 때문에 타입이 정확한지 잡아낼 수 없어서 검사해줘야 하는

🤔 이것저것 예제 코드를 치다보니 문득 궁금해졌다. useState의 초깃값으로 값을 넣어주기도 하지만 함수를 넣어서 그 함수의 반환값을 초깃값으로 사용하기도 하는데 무슨 차이가 있는 걸까? 나는 함수 반환값을 넣어본적이 예제 코드 외에 자의적으로 한 적은 없긴 하지

► 이전 스텝리덕스의 동작이 어떻게 이루어지는 지 대충 훑어봤다. state를 단순히 등록하고 가져오는 것 뿐만 아니라 해당 state가 어떻게 변하게 할 것인지, state가 변했을 땐 해당 state를 사용하는 컴포넌트에 렌더링을 일으켜 주는 등 global sta

🤔 리덕스로 전역 상태를 관리하다보니 이전 회사에서는 주로 ContextAPI를 사용했던 기억이 났다. 그러면서 둘의 차이점이 뭘까에 대한 고민이 생겼다. 서치해보니 주로 사용법에 대한 차이점이 기술되어 있었고 나는 그거 말고 개념적으로 무엇이 다른가에 대해 궁금해졌

mac에선 백틱(\`) 위치가 두가지 역할을 한다한글 입력 모드일 땐 ₩(원화)영어 입력 모드일 땐 \`(백틱)그런데 velog, slack, notion등에서 코드 블록을 만들때 \`\`\`로 간편하게 하는게 습관이 되어 있어서 설정을 바꾸고 싶어졌다karaniber

야호 노트북을 새로 샀다! 초기 세팅을 해보자 1. homebrew 설치 공식문서 참조하여 설치 설치되고 나서 커맨드 입력하라는 메시지를 무시했더니 brew 명령어 실행이 안됐음 자세히 보니 친절하게 뭐뭐 커맨드에 입력하라고 되어 있다😅 2. brew로 no

문제 상황 redux의 action.type 들을 enum으로 만듬 action.type 은 string이고 이를 enum으로 관리하는 게 좋아 보였기 때문 action.type 에 따라 action.payload 가 바뀌어야 함 reducer에서 payload