React 2

[유데미x스나이퍼팩토리] 10주 완성 프로젝트 캠프, 프론트엔드(리액트) 1일차 회고

대망의 첫날! 오리엔테이션에 이어 웹 서비스 기획 수업이 있었다. 먼저, 플랫폼의 정의와 진화에 대해 알아보고 앞으로 어떻게 발전할 것인가에 대해 생각해보는 시간을 가졌는데. 디바이스의 변화에 따라 서비스의 형태가 바뀌어가고 있다는 인사이트를 얻을 수 있었다. 플랫폼의 진화 기존의 모~든 UI는 유저가 선택할수 있는 '선택버튼'의 기능을 충실히 수행했다면, 지금은 클릭을 너머 사용자의 경험을 중시하고 있다. UI와 UX를 그냥 묶어서 화면 정도로 생각하고 있었는데 조금 더 분리해서 깊게 생각 해 볼 수 있는 기회였다. 나아가 빅데이터의 등장 이후로는 유저가 선택하지 않아도 나의 생활정보를 기반으로 AI가 알아서 정보를 제공해주는 시대가 왔다. 유튜브의 알고리즘과 SNS의 수많은 맞춤광고들은 이미 우리에게..

React 에서 fetch로 네이버 검색 API 사용하기 (feat.Vite 환경/프록시)

해결과제 1. Open API 클라이언트 신청 2. 발급받은 아이디와 키로 fetch 받아주기 3. Postman으로 데이터 전송 확인 - 여기까지는 무난하게 했는데, CORS 에러 발생해서 막혔다. 4. CORS 해결하기 CORS에러를 해결하는 방법에는 보통 두가지 정도가 있는것 같다. 1. 프록시 설정을 해준다. 2. 미들웨어를 쓴다. 사실 둘다 해봤는데 여러 블로그에 나온 방법은 모두 먹히질 않아서, 좀 더 알아본 다음 프록시 설정을 해줬다 먼저, 사용할 API를 컴포넌트에 심어주었다. CORS 를 우회하기 위해서 프록시 설정을 해줄것이기 때문에 http부터 .com까지는 지워주고 URL을 넣어줬다. async function getBooks() { var client_id = "" var clie..

리액트 2023.05.28