[항해99][3주차][WIL] React 기초 종료, React 숙련 시작

 React 기초 주차의 시작

말로만 듣던 React에 접근을 하게 되었다.

React란 무엇이냐? 저번에도 말했듯이 웹을 만들때 편리하게 하기 위한 라이브러리라고 알고 있었고 배우기 쉽겠다고 생각했다. 그것은 굉장히 오만한 생각이었다. 기본이 되어있지 않은 상태에서 React를 만지는 것은 한국말 할 줄 안다고 국어학회에 나가는 꼴인 듯 했다.

자바스크립트에 대해 어느정도 지식이 있어야 했고 여러가지 내장함수나 지식들을 검색을 하며 빈 곳을 채워나갔다.

그 중 DOM이란 놈이 기억이 남는다. 아래 후술 하겠다.

과제는 내 일주일은? 이라는 평점 남기기 웹페이지이다.

언뜻보기엔 간단해보이지만 선뜻다가서기 힘들었다. 어떻게 접근을 해나가야 할 지  몰랐다. 이틀간 진행을 하지 못했고 불안하던 찰나 혼자끙끙대지말고 도움을 구해보자 하여 예상*매니저와 안*현매니저의 도움을 받았고 굉장히 큰 도움이 되었다. 일단 두매니저께서 권한 것은useState와 state props의 개념부터 잡으라 하였고 그 것에 한시간정도 투자를 하였다. 어찌어찌 화면을 구성하게 되었다. 쾌재를 불렀다.

그 후 랜덤정수도출, 디테일페이지기능 등의 기능구현을 위해 팀원들의 도움이 있었다. 개인과제였지만 혼자가 아닌 팀원의 많은 도움으로 해나간 과제였다. 김*경, 한*원, 최*용 팀원분들에게 감사를 보낸다.

 React 기초 숙련의 시작

아직 과제 시작은 하지 못했다. 이번 주차에 필요한 기능에대해 충분히 학습을 해 볼 생각이다. 다음 회고때는 무슨 말을 할 수 있을까.

새롭게 알게 된 것

DOM

Document Object Model 문서객체모델이라한다. 어려우니 바로 무엇인지 예를 들자.

각 태그들은 값을 가지고 있는 경우가 있고 이 값을 가져와야 하는 경우가 있다. 이 때 DOM을 이용한다.

document에 getElementById, getElementByTagName, getElementByClassName등의 메소드를 혼합하여 사용하는데.

<div id="메롱">하하</div>

위의 <div>태그의 값인 하하를 가져오려면 document.getElementById("메롱")으로 값을 가져올 수 있다.

서버리스

서버리스는 서버가 필요없다는 것이 아니다. 서버컴퓨터를 직접 구성할 필요가 없다는 뜻이고, 서버의 역할을 하는 AWC S3, EC2와 같은 서비스를 이용하며 작업을 하는 개념이다.