api로 받아온 코드는 계속 바뀌는 값이라고 생각했다.받아온 데이터 중 '만료일' 값은 객체로 이루어진 데이터 중 1개 라고 생각했다.컴포넌트의 상태(state)가 바뀌면 자동으로 컴포넌트의 DOM을 변경하는 것자동으로 DOM을 변경하는게 어떻게 가능할까?전제조건: 자
입사 후 사내 개발자들과 책 1권을 정해서 일정 분량을 읽고, 그 생각을 교류하는 시간을 가져왔다(스터디라 쓰고, 친목이라 읽음). 첫번째 책은 프로그래머의 뇌 이걸 다 읽으면 내 뇌도 프로그래머의 뇌가 될 수 있겠지? 라는 기대로 읽었고, 마지막 챕터를 읽을 때 까
일단 나: 사람을 잘 믿는 편임, 정이 많음 (좋은 사람이라는 뜻..), 하지만 내 기준에 '아니다' 싶을 땐 확실히 아니라고 말하는 편이다. 그래서 개인적으로 연락을해서 얘기할까? 한참을 고민했다.얼마전에 내 생일이었고 그걸 계기로 같이 교육받던 사람에게 안부인사
Client는 원하는 페이지를 Server에 요청Server는 요청받은 페이지의 데이터를 불러옴 그리고 요청받은 페이지의 완성된 .html을 생성반환브라우저는 렌더링이 완료된 페이지를 화면에 렌더링리액트 컴포넌트와 같이 자바스크립트로 작성되어 있는 페이지를 실제 HTM
이 파일에서 전체적으로 반복되는 화면 구성을 설정예를 들면, 네비바 혹은 푸터 같은 것들 \_app.jsLayout.js{children} 으로 페이지 역할을 하는 컴포넌트들을 main 태그에 렌더링 시켜줌Layout 아래에 페이지들이 잘 렌더링 되는 것을 확인 가능레
react에서는 라우팅 관련 라이브러리를 설치react-router-dom을 예로 들자면 useParams 등의 훅을 사용했음동적 라우팅: URL 일부를 매개변수로 사용하여 동적으로 페이지를 생성하는 기능쿼리 파라미터: URL에 추가 정보를 전달하기 위해 사용함수를 통
'/' 경로로 요청이 들어오면?pages의 index.js에 작성된 컴포넌트가 렌더링 됨'/about' 경로로 요청이 들어오면?pages이하의 about.js에 작성된 컴포넌트가 렌더링 됨'/post' 경로로 요청이 들어오면?post폴더 이하의 index.js에 작성된
NextJS는 오픈소스 자바스크립트 프레임워크ReactJS는 오픈소스 자바스크립트 라이브러리기능 구현의 주도권이 누구에게 있는가? 프로그래머가 주도권을 갖으면 라이브러리 / 프레임워크가 주도권을 갖으면 프레임워크라이브러리 : 프로그래머가 원하는대로 구현하면 됨(무슨 도
페이지 라우징(Page Routing)이란? 사용자(user)가 특정 네이버 블로그에 접속을 하기 위해 Browser를 이용해서 WebServer에 주소를 요청했을 웹 서버가 적절한 브라우저를 반환해줌으로써 사용자가 원하는 페이지가 브러우저에 잘 렌더링되는 과정
유튜브를 켰다. 그런데, 로딩하는데만 5초, 10초 이상이 걸린다고 생각하면? '유튜브 고장났네...'싶고유튜브를 점점 떠나가겠지?엔지니어적으로나 서비스적으로나 최적화는 필수임코드 사이즈 줄이기폰트 사이즈 줄이기이미지 사이즈 줄이기페이지 로딩 속도 빠르게 하기5\. 불
버전 관리 - 한 파일로 모든 버전으로 쓰고 싶어서 (버전관리는 대체 프로그램은 많음)협업 - 같은 파일을 동시에 작업하는 경우가 있음, 각각의 변경 사항을 한 파일에서 적용할 수 있음현재 브랜치는 main이고 (기존 master에서 main으로 브랜치명을 변경한 상태
새로운 State를 생성하고, State를 업데이트 시키는 함수를 제공상태관리 로직을 컴포넌트 내부에 작성해야 함그래서 업데이트 시키는 상태관리 로직들이 복잡해지고, 길어지면 컴포넌트 내부에 상당히 많은 코드들을 작성해야 하고, 가독성이 너무나 떨어지게 됨컴포넌트 외부
Settings React Javascript Stack local start port: 5173 초기 파일 형태는 create-react-app으로 생성하는 것과 같음 assets와 public에 있는 svg파일을 삭제함 그리고 필요없는 다른 파일도 지웠음(이
오픈뱅킹 API 활용일대기 준비1. 소스트리(Sourcetree) step1: git 설치하기 step2: 소스트리 설치하기 step3: 소스트리에서 git clone 3-1. url 에서 복제하기(깃 레파짓토리 주소) ![](https://velog.vel
state는? = 변화하는 데이터?화면에서 <span style='background-color: - <span style='background-color: - 데이터의 호출이 <span style='background-color: - 리액트는 data
Recoil > ### 페이스북이 개발한 전역상태관리 라이브러리 근데, 그거알죠? React를 개발한 곳 = facebook 거기에서 상태관리를 편리하게 도와주려고 개발한 상태관리 라이브러리가 있다?! 외않씀?? React문법과 유사한 부분이 많음 동작은 어떻게 합
그래서 간단하게 로그인 버튼을 만들어서 구글 로그인을 구현하려고 한다.1단계: 우선, https://console.cloud.google.com/ 에 접속2단계: 새 프로젝트 생성하기2-1. 새 프로젝트 이름 (마음대로 해도됨)2-2. 클라이언트 ID, 클라이
(거의 아모레의 노예라고 할 수 있음)그러니깐 👧🏻 '<span style='background-color: <span style='background-color: Resource owner(자원 소유자-사용자)Client(서비스 제공자)Authoriza
우선, 공공데이터포털에서 접속, 회원가입 + 로그인하기 !키워드로 검색해도 좋고테마별로 구분된 곳에서 찾아봐도 좋고인기/최신테마에서 찾아봐도 좋음예시로 테마별에서 '교육'을 선택함세부조건을 <span style='background-color: 원하는 데이터에서
'나, 비전공자. 네트워크? 그게뭔데. 먹는건가 '여기서 <span style='background-color: - 여기서 <span style='background-color: - 여기서 <span style='background-color: -