분류 전체보기
-
[은버지] React로 검색창 구현하기개발일지/항해 99 2023. 7. 1. 22:08
진행과정 시간 : 07. 01 (토요일) 오후 3시~ 9시 진행과정 : 먼저 검색창에 대해서 구현을 하기에 앞서 이전 pagination 단계에서 전혀 꾸미지 못한 Css를 이번 과제에서는 어느정도 완성도 있게 해보고 싶은 마음이 있었다. 그래서 전체적인 틀을 짜면서 css를 건드리면서 작업을 하게 되었다. 이후 CSS의 위치가 어느정도 구현되고 나서 API를 불러오는 로직을 구현하기 시작했고 실제로 console창에 띄우기까지 마무리를 하게 되어 이 데이터를 최근에 배우게 된 redux를 통해서 전역상태관리를 하고싶어서 redux를 구현하기 시작하였다. 어느정도 리덕스에 대한정리가 된 시점에서 파일을 나누는 과정에서 여러에러요소를 만나게 되었고 9시가 지나 발표를 할 시간이 되었다. 발표에 참석한 인원..
-
[CS study] 도메인에 URL을 쓴다면?네트워크/CS Study 2023. 6. 30. 21:41
연결되는 과정 1. 호스팅서버를 찾는다 [channy.creation.net ]둘 중 무엇이 기억하기 쉬운가 [3.34.220.186 ] 도메인은 IP보다 기억하기 쉽다는 내용을 기억하자. 주소창에 도메인을 입력하면 DNS 조회를 하여 도메인을 통해 서버의 IP 주소를 찾을 수 있다 DNS캐시를 확인하면서 될때까지(고유한 캐시, 운영 체제 캐시, 라우터의 로컬 네트워크 캐시, 회사 네트워크 또는 인터넷 서비스 제공업체(ISP)의 DNS 서버 캐시를 확인) DNS조회를 요청하는데 웹브라우저가 IP주소로 DNS레코드를 가져오면 인터넷에서 서버를 찾아서 연결을 한다. (검색결과 페이지와 같이 다양한 도메인명의 링크가 있는페이지에서 DNS Prefetch라는 기능이 도메인명을 미리 확인해서 DNS 확인시간으로 ..
-
[항해99 주특기] 2주차 강의내용 -Redux2편개발일지/항해 99 2023. 6. 30. 13:11
리덕스란? 상태관리 라이브러리로써 useState로 지역적으로 상태를관리했던 것을 중앙관리소인 store를 통해서 대신관리한다. contextAPI로 상태관리를 할 수도 있지만 안좋은 부분으로 하위컴포넌트 전체가 리랜더링되는 부분이 있다. (나중에 시간나면 contextAPI 찾아보자)그래서 상태관리면에서는 부족한면이 굉장히 많다. 그래서 리덕스의 사용이 더 좋은 부분이 많다. (사실 이러면 contextAPI가 왜 있는지 모르겠다 ) global state(전역상태 ) && local state(지역상태) 모든컴포넌트가 store에 접근 할 수있다. 하지만 어떤 컴포넌트는 보여지는 역할만 하기에 접근하지 않아도 되는 애들도 있다. 그렇기에 컴포넌트를 container폴더와 component로 나뉘어서 ..
-
[CS Study] 스토리북카테고리 없음 2023. 6. 30. 00:59
리액트(React)를 위한 스토리북(Storybook) 튜토리얼 컴포넌트 기반의 뷰를 위한 독립적인 UI개발환경으로써 리액트뿐만아니라 다른 프레임워크에서도 사용할 수 있습니다. 스토리북(Storybook)의 기본 구성 단위는 스토리(Story)이며 하나의 UI 컴포넌트는 보통 하나 이상의 Story를 가지게 됩니다. 각 Story는 해당 UI 컴포넌트가 어떻게 사용될 수 있는지를 보여주는 하나의 예시라고 생각합시다. 왜 사용해야하는가? Storybook을 사용하면 UI 컴포넌트가 각각 독립적으로 어떻게 실제로 랜더링되는지 직접 시각적으로 테스트하면서 개발을 진행할 수 있습니다. 해당 UI 라이브러리를 사용하는 개발자 입장에서도 코드를 보지 않고도 미리 각 UI 컴포넌트를 체험해보고 사용할 수 있어서 매우..