CodeSoom React Week11 TIL(코드숨 리액트 11주차 회고)

Today I Learned

 

1. Facts

- aws EC2 인스턴스를 생성하여 서버를 구축하였습니다.

- aws 서버와 vs code를 연결하였습니다.

- 개인프로젝트에서 식사 메뉴를 위한 테스트에 답하여 결과를 도출하는것을 구현했습니다.

- 개인프로젝트의 기획, 디자인파트와 회의하였습니다.

 

2. Feelings

- 회의중에 기획파트에서 원하는 기술이 가능하면서 블로글 까지 보내줘서 고마웠습니다. sns게시글을 웹페이지에 embed하는것이 가능하냐는 것이었는데 그 내용을 모르더라도 한번 찾고 보내준 것이 고마웠습니다. 

 

- 페이지를 꾸미면서 css를 계속 찾아보면서 기본적인 html, css, javascript가 중요함을 한번 더 느꼈습니다.

 

3. Findings

- useHistory hook을 이용하여 페이지 이동하는것을 배웠습니다.

 

- 이미지 용량을 최대한 줄여서 페이지 로딩시간을 줄여야함을 알았습니다.

 

- 만약 이미지의 로딩이 길어진다면 사용자가 머무르는 시간이 줄어듭니다. 이를 방지하기 위해 로딩 시간이 길어지면 어떤 처리를 해야할지 고민하다가 로딩 방식을 찾아보게되었습니다. 먼저 Lazy loading방식으로 모든 이미지를 한번에 로드하는것이 아닌 이미지가 필요해질때 로드하여 로딩시간을 미루는 방법이 있는것을 알았습니다. 다음으로 placeholder loading방식이 있음을 알았습니다. 유튜브가 처음 로드될때 영상, 제목 등의 각 위치에 로딩바를 노출시키는 것을 예로 들 수 있습니다. 마지막으로, Blur up방식을 이용하면 작은 이미지를 보여주었다가 원본 이미지를 보여줌으로써 서서히 이미지가 보여지는 것을 경험할 수 있다는것을 알았습니다.

 

4. Affirmation

- 개인프로젝트를 마무리합니다.

- 중간고사를 준비합니다.