비동기 란 대체 무엇인가 ? ' 비동기 ' 라는 단어를 처음으로 마주한 것은 국비교육학원에서 처음으로 AJAX 를 마주하였을 때이다. AJAX는 Asynchronous Javascript and XML 의 약자로 Javascript 와 XML 을 비동기적으로 처리하는 것이다. 나는 처음에 ' 비동기 ' 라는 단어를 우매한 지식으로 잘못 이해하였다. ' 아닐 비 ' , ' 움직일 동 ' 한자를 써서, 비동기 인 줄 알았고, 수업 시간에도 AJAX 를 통해서 , 해당 URL 에서 이동하지 않고, DB 에 있는 Data 를 불러와서, 정말로 그러한 뜻인 줄 알고 사용했다. 그러하여, 비동기를 처리함에 있어서, 계속적으로 오류가 발생했다. 예를 들면, AJAX 를 통해, 받아온 값을 특정 변수에 넣어주고 그 값..
'취준' 시작
스터디 진행방식 스터디 인원들과 7월 22일 첫 만남을 가졌고, 인프런을 통해 처음으로 스터디를 구했는데 , 다들 열심히 하려고 하시고, 좋으신 분들 같아서 만난 당일에 기분이 상당히 좋았던 것으로 기억한다. 처음 만나서, 스터디원들과 ' 모던 자바스크립트 Deep Dive ' 책을 읽어오고, 만나서 책에서의 핵심 부분 과 질문을 뽑아서 그에 대하여 이야기 해보기로 했다. 그리고, 7월 29일 첫 스터디를 진행했고 , 다음 내용은 해당 스터디에 대한 회고록이자, 내가 몰랐던 내용들은 머리 속에 더 오래 남기기 위해 기록하는 것이다. 4장 '변수' 부터 7장 '연산자' 까지 읽어서 오기로 했고, 이 부분에 대해서 이야기했다. 나는 책을 읽으면서 , 자바스크립트가 변수 선언을 수행하는 단계 , 그 뿐만 아니..
내가 처음으로 useContext( ) 를 맞이 한 것은 웹 전체에 다크모드를 설정하기 위해서 마주하게 되었다. useContext( ) 를 통해, 다크모드인지 아닌지를 넘겨주고, 이를 통해, 전체 웹 CSS 에 클래스 명을 다르게 주면서 이를 가능하게 해주었다. 이 뿐만 아니라, 하위 컴포넌트에서 axios 를 통해 받아온 정보를 상위 컴포넌트에서 사용하려고 할 때, useContext( ) 가 필요함을 느꼈다. 내가 이해하고, 바로 적용할 수 있을 것이라고 생각했지만, 혼자 해볼려고 했는데, 헷갈리는 부분이 많아서 이에 대해 더 자세히 알아보기 위해서, REACT 공식문서를 살펴보려고 한다. useContext ( ) 란 무엇인가 ? useContext is a React Hook that lets ..
어떠한 문제를 맞닥뜨렸는가? 드림코딩의 유튜브 클론 코딩 프로젝트를 하면서, 제일 먼저 부딪혔던 에러 와 이에 대한 해결 방법에 대해서 이야기 해보려고 한다. axios.get('data/list.json') .then((Response)=>{ console.log(Response.data); setVideoInfo(Response.data.items); }) .catch((Error)=>{console.log(Error)}); 다음과 같이, 코드를 작성하니, axios 가 무한대로 불러지면서, 노트북이 먹통이 되고, 아무런 작동이 되지 않고 꺼지게 되었다. 이는 드림코딩 강의에서도 중요한 게 강조하던 것이였다. 그러면서, 궁금한 게 있었다. 이러한 에러는 왜 뜨게 되는 것인가에 대한 궁금증이 커졌다. ..
대략 6개월동안의 국비학원이 파이널 프로젝트를 끝으로 끝나게 되었다. 처음으로 , 자바를 마주 했을 때가 지나고 , 두 번의 프로젝트를 진행하면서 다양한 사람들과 이야기를 나누면서, 많은 것을 배우고, 많은 것을 느낀 시기였다. 앞선 게시글에서 말했듯이, 적극적으로 공부해가야 하는 습관을 좀 더 가질 수 있었던 것 같다. 국비 학원이 끝나가면서, 누군가는 이제 끝이라고 생각하겠지만, 나에게는 완전히 새로운 시작이였다. 앞으로의 시간이 나에게 매우 중요함을 알았고, 어떻게 이 시간을 쓰냐에 따라서 , 나의 첫 직장, 첫 연봉이 바뀌게 될 것이라고 생각했기 때문이다. 그러하여, 국비지원 학원이 끝날 기간이 다가옴에 따라서 , 앞으로 무엇을 해야할 지 미리 생각해두었다. 앞으로 무엇을 해야할 지 간략하게 이야..
