Land of Joe

엄청 상쾌하게 일어났다.  혼자 먹은 점심건물 1층에 그나마 싼 음식점이 있어서 다행이다!만원만 안 넘어도 감지덕지....ㅠㅠ

한 시간 반 달려서 도착한 교육장생각보다 쾌적하고 대학교 강의실 같은 분위기다.  여러가지 안내와 함께 슬랙, 노션에도 초대받았다. 3주 간의 교육 후에 있을 기업 프로젝트 신청을 미리 진행했다.참여 기업은 총 3개가 있었고 차례대로 관계자분이 앞에 나오셔서 프로젝트 소개를 해주셨다.   신청 방식이 구글폼 선착순 제출이었다.갑작스럽게 '몇 분 되면 제출받겠다'고 하고그 몇 분이 1분도 채 남지 않은 시간에 화면에 구글폼 QR코드 띄워주고 빠르게 작성해서 제출해야 했다. ...ㅎ 프로젝트 매칭 결과는 수요일에 알려준다 하여 아직 내가 하게될 프로젝트가 무엇일지 모르겠지만1순위로 선택한 게 아니면..ㅎㅎㅎ 쩔수~ 점심시간!!!!!아는 사람이 한 명도 없고 낯도 가리느라 혼자 나가서 주변을 살펴보자! 하고 ..

프론트엔드 프로젝트 캠프 : Next.js 2기[유데미X웅진씽크빅X스팩] 프로젝트 캠프 : Next.js 어디서부터 시작해야할지 막막하다면 고민하지 말고 핵심 역량으로만 가득 채운 프로젝트 캠프 : Next.js에서 시작하세요! 이 강의는 여러분에게sniperfactory.com 6개월 간의 부트캠프를 수료하고 프로젝트를 진행하며 매일같이 넥스트 스텝 에 대해 고민하던 중 위 프로젝트 캠프를 발견해 지원하게 되었다. 대학교 동아리나 부트캠프(내돈내산..) 를 벗어나 처음으로 얻은나의 작고 귀여운 '합격 경험'을 기록해보고자 한다.  1. 지원서 작성 주요 작성란은 지원동기(700자 이내) 하나 뿐이었다.  에서 얻고 싶은 것을 크게 2개의 갈래로 나누고각 갈래에 대한 요약을 한두줄로 작성하여 서론과 결론..

1. 비동기 1-1. 비동기 함수 기본적으로 자바스크립트는 동기적이다. = 호이스팅(변수 및 함수 선언)이 된 후부터 코드가 작성된 순서에 따라 작동한다. ※ 비동기 함수는 본인이 끝나는 것을 기다리지 않고 다음 줄을 바로 실행하도록 한다. ※ 오래 걸리는 작업을 기다리지 않고 다음 작업을 먼저 하게 하기 위함. 1-2. 비동기 함수의 종류 [ js 내에 이미 있는 비동기 함수 ] 시간을 이용하는 함수 (setTimeout, setInterval) 이벤트 등록 함수 (addEventListener) 백엔드 통신 함수 (fetch) 리액트 내에서의 비동기 함수 (useEffect) 데이터베이스 연결 함수 ⇒ 위 함수들의 공통점: 시간이 오래 걸리는 함수임. 함수의 매개변수로 함수를 받음. [ 개발자가 직접..

지난 주엔 전역 상태 관리 Global State Package의 대표 주자, Redux에 대해 배우고 나의 CRA 리액트 프로젝트에 적용해보았다. React-Redux를 사용할 때엔 action, reducer 개념부터 시작해서 useDispatch, useSelector까지 전체 흐름을 이해하는 데 꽤 애를 썼었다. 그러나 오늘 배운 Recoil 리코일! 정말 얼마나 단순하던지..! 그리고 useState와 사용 방식이 비슷해 반갑기도 했다. 각설하고 배운 내용 정리 시작~! Recoil 전역 상태 관리 패키지 20년도 Meta에서 리액트 전용으로 쓰라고 만들어준 패키지 [ Recoil의 특징 ] 리액트 전용이라서, 리액트 문법에 매우 어울린다. 불필요한 설정이나 연결 코드 등이 필요 없다. Hook..

전역 상태 관리 Global State Package에 대해 배웠다. 전역 상태 관리의 종류에는 Redux, Recoil, Justand, jotai 등 여러가지가 있다. 하나하나에 대해 알기 이전에 전역 상태 관리가 무엇인지, 그 필요성이 대두된 배경이 무엇인지 알아보자. 전역 상태 관리 Global State Package는 State를 전역변수로 관리하는 패키지 그렇다면 기존 useState의 특징에 대해 알아보자. [ useState의 특징 ] 1. 해당 State를 필요로 하는 부모 컴포넌트에 State를 선언해줘야 한다 - 이벤트의 시작지점과 도착지점이 되는 컴포넌트 두 개를 하나의 부모 컴포넌트로 묶어서 그 부모 컴포넌트에 state를 선언해준다 - 그렇게 부모 컴포넌트에 선언한 state를..

1. Node.js 1-0. 할 것 Node.js를 통해 리액트 프로젝트 만들기 구체적으로, node.js 기반 프로젝트를 만들어서 거기에 리액트를 설치하는 것이다. (지난주까지 내가 한 것: 단순 바닐라 웹에 리액트를 올려서 사용하였음) 1-1. Node.js의 의의 - 자바스크립트 런타임 기술 (런타임이란 '언어가 구동되는 환경'. js의 경우 브라우저 혹은 node.js가 있겠고, 그것들이 js의 해석기 역할을 하고 있다고 보면 된다.) - 개발의 중심이 브라우저가 아닌, Node.js가 될 것 (지금까지 브라우저한테 js의 해석을 맡겼던 것을, node.js가 해석하는 것으로 변경할 것) - Node.js의 여러 기능을 이용할 수 있게 되었다. >> sudo apt install nodejs (설..