반응형 React/React6 OAuth 로그인 요청의 주체는 어디일까? (클라이언트(React)? 서버(Spring)?) 들어가며 이번에 프로젝트를 진행하면서 서버측 친구와 의견이 맞지 않았던 적이 있다. 바로 OAuth 요청의 주체가 누가 되느냐였다. 나는 클라이언트에서 해야한다는 입장이었고, 서버측 친구는 서버에서 요청을 해야한다는 입장이었다. 서버는 spring으로 개발을 하고 있는데, spring security의 OAuth를 제대로 쓰려면 서버에서 진행을 해야한다는게 친구의 주장이었다. 나도 초반에는 오히려 OAuth 서버 요청을 프론트에서 노출하지 않고, 우리 서버로 한 번 감싸서 진행하는게 더 안전할 것 같다는 생각에 동의를 하고 진행을 했었다. 하지만 뭔가 개발을 해나갈수록 끼워맞추기로 개발을 해나가게 되는 느낌이었다. 서버가 주체가 되면 끼워 맞추기가 되는 이유? 그 이유는 첫 번째, [1]프론트에서 우리측.. 2023. 10. 5. useReducer란?(+ 사용하는 이유, Reducer는 무엇인가) useState로만 상태를 관리하는데에는 문제점이 두 가지가 있다. 1. 컴포넌트 내부에 객체를 업데이트하는 로직이 섞여있다. 2. state의 상태를 변경하는 로직을 다른 컴포넌트에서 사용이 불가하다. 이런 문제를 해결하기 위해 useReducer를 사용한다. "useReducer는 컴포넌트에 Reducer(줄이는 것)을 할 수 있도록 해준다." 라고 하고있다. 그렇다면 그 Reducer는 무엇일까? 위에서 말했던 1, 2번의 문제와 같이 재사용할 수 없이 반복적으로 퍼져있는 상태 변경을 하나의 로직으로 합쳐주는 것이 바로 리듀서이다. 매번 같은 로직의 setState()를 여러 컴포넌트에서 반복해 작성하는 것이 아닌, 재사용 가능한 상태 변경 함수를 만드는 것이 핵심이다. 코드를 보고 이해해보자! R.. 2023. 6. 19. XCode 빠르게 다운로드, 업데이트하는 방법 Xcode를 App Store에서 다운받으면 가끔 로딩바가 나온채로 얼어버리는 경우 또는 엄~청 오래 걸리는 경우가 있다. 그래서 내가 빠르게 업데이트를 하는 방법은 공식 홈페이지를 이용하는 것이다! https://developer.apple.com/download/all/ 로그인 - Apple idmsa.apple.com 1. 애플 개발자웹에서 로그인 후, 다운로드로 들어간다. (상단링크) 2. Xcode로 검색하면 하단에 Xcode 최신버전이 뜬다. 3. xip파일을 클릭 후, 다운받아 실행하여 압축을 푼다. 4. Xcode file을 옮기면 교체(대치)할 것인지 묻는 창이 뜹니다. Replace 클릭! 그럼 끝~~~!! 2023. 4. 4. [React] 상태관리 라이브러리란? 및 필요성 (Recoil vs Redux 비교) 먼저, 상태관리 라이브러리란 무엇일까요? 리액트에서의 상태는 즉 state인데, 말 그대로 이를 관리해주는 라이브러리가 바로 상태 관리 라이브러리입니다. 흠... 그런데 이미 개발을 잘하고 있는데 왜 굳이 state를 "관리"까지 해주어야 하는 걸까요? 그 이유에 대해서 알아보죠! 리액트는 컴포넌트 단위의 로고를 조립하는 것과 같이 개발을 진행을 하게 됩니다. 예를 들어, 게시판을 만든다고 했을 때, 아래와 같이 게시판의 글 한 줄, 한 줄에 해당하는 컴포넌트를 따로 만들고, 그 컴포넌트를 모아 게시판 하나를 완성하게 되죠. const board = () => { const [posts, setPosts] = useState([]); return ( 제목 작성자 {posts.map((post) => )}.. 2022. 8. 18. 이전 1 2 다음 반응형
