티스토리

냥인의 블로그

검색하기

블로그 홈

냥인의 블로그

nyang-in.tistory.com/m

냥인 님의 블로그입니다.

구독자: 2

방명록 방문하기

728x90

주요 글 목록

[CORS] CORS 오류 해결하는 방법 (자바스크립트/api/CORS/리액트/cors-anywhere 403 forbidden/cors 우회) 외부 api를 요청하여 프로젝트를 하던 중 오류가 생겨서 api를 받아올 수 없었다. 크롬에 뜨는 에러상황을 가지고 원인을 검색해보니 해당 오류는 CORS 오류였다. 나는 리액트로 프로젝트를 진행 중이었기 때문에 검색을 하던 중 package.json에 proxy를 추가하는 방법을 통해 해결할 수 있었다. (아래 글 참조) https://nyang-in.tistory.com/237 리액트 CORS 오류 해결 방법 Access to XMLHttpRequest at '주소A' from origin 'http://localhost:3000' has been blocked by CORS policy: Response to preflight request doesn't pass access control chec.. 공감수 7 댓글수 5 2021. 7. 8.
[React] 리덕스 더 편하게 사용하기 이번시간에는 리덕스를 좀 더 편하게 사용하는 방법에 대해 알아보겠다. redux-actions : 액션 생성 함수, 리듀서를 작성할 때 편하게 쓸 수 있게 해주는 라이브러리 immer 설치: yarn add redux-actions reducx-actions redux-actions를 사용하면 액션 생성 함수를 더 짧은 코드로 작성할 수 있다. 리듀서를 작성할 때도 switch/case 문이 아닌 handleActions 함수를 사용하여 각 액션마다 업데이트 함수를 설정하는 형식으로 작성할 수 있다. import { createAction } from "redux-actions"; // 액션 타입 정의하기 const INCREASE = "counter/INCREASE"; const DECREASE = ".. 공감수 0 댓글수 0 2021. 6. 9.
[React] 컨테이너 컴포넌트 만들기 이제는 컴포넌트에서 리덕스 스토어에 접근하여 원하는 상태를 받아오고 액션도 디스패치해줄 것이다. 리덕스 스토어와 연동된 컴포넌트를 '컨테이너 컴포넌트'라고 부른다. CounterContainer 만들기 import React from "react"; import Counter from "../components/Counter"; const CounterContainer = (props) => { return ; }; export default CounterContainer; ✅containers/CounterContainer.js 위 컴포넌트를 리덕스와 연동하려면 react-redux에서 제공하는 connect 함수를 사용해야 한다. connect 함수는 다음과 같이 사용한다. connect(mapSta.. 공감수 0 댓글수 0 2021. 6. 9.
[React] 리액트에 리덕스 적용하기 스토어를 만들고 리액트 어플리케이션에 리덕스를 적용하는 작업은 src > index.js에서 이루어진다. 스토어 만들기 import React from "react"; import ReactDOM from "react-dom"; import { createStore } from "redux"; import App from "./App"; import rootReducer from "./modules/index"; const store = createStore(rootReducer); ReactDOM.render( , document.getElementById("root") ); ✅index.js Provider 컴포넌트를 사용하여 프로젝트에 리덕스 적용하기 리액트 컴포넌트에서 스토어를 사용할 수 있도록 .. 공감수 0 댓글수 0 2021. 6. 9.
[React] 리덕스 코드 작성하기 리덕스, react-redux 라이브러리 설치하기 yarn add redux react-redux 리덕스를 사용할 때 가장 많이 사용하는 패턴 리액트 프로젝트에서 리덕스를 사용할 때 가장 많이 사용하는 패턴은 프레젠테이셔널 컴포넌트 / 컨테이너 컴포넌트를 분리하는 것이다. 프레젠테이셔널 컴포넌트 : 상태 관리가 이루어지지 않고, 그저 props를 받아와서 화면에 UI를 보여 주기만 하는 컴포넌트 컨테이너 컴포넌트 : 리덕스와 연동되어 있는 컴포넌트, 리덕스로부터 상태를 받아 오기도 하고 리덕스 스토어에 액션을 디스패치 하기도 하는 컴포넌트 이러한 패턴은 필수 사항은 아니지만 이 패턴을 사용하면 코드의 재 사용성도 높아지고 관심사의 분리가 이루어져 UI를 작성할 때 좀 더 집중할 수 있다. 예제 만들어보기.. 공감수 0 댓글수 0 2021. 6. 9.
[React] 리덕스 - 개념 리덕스란? 리덕스 : 리덕스는 가장 많이 사용하는 리액트 상태 관리 라이브러리 리덕스를 사용하면 컴포넌트의 상태 업데이트 관련 로직을 다른 파일로 분리시켜서 더욱 효율적으로 관리할 수 있음 컴포넌트끼리 똑같은 상태를 공유해야할 때도 여러 컴포넌트를 거치지 않고 손쉽게 상태 값을 전달하거나 업데이트할 수 있음 전역 상태를 관리하는데 굉장히 효과적 지금은 Context API를 통해서도 똑같은 작업을 할 수 있음 → 하지만 예전에는 Context API가 사용방식이 불편했으므로 주로 리덕스를 사용해서 전역 상태 관리를 해왔음 단순히 전역 상태 관리만 한다면 Context API를 사용하는 것만으로도 충분하지만 리덕스를 사용하면 상태를 더욱 체계적으로 관리할 수 있기 때문에 프로젝트의 규모가 클 경우에는 리덕.. 공감수 0 댓글수 0 2021. 6. 9.
[React] Context API를 사용하여 전역 값 관리하기 Context API를 사용하여 전역 값 관리하기 App 컴포넌트에서 onRemove, onToggle 함수가 있고 App -> UserList -> User 이렇게 전달이 되는 구조일 때 사실상 UserList에서는 onRemove, onToggle 함수가 직접적으로 사용이 되지 않음에도 불구하고 User 컴포넌트에게 전달해주기 위해서 App에서 props로 받아와서 User 컴포넌트에게 전달해주고 있습니다. 다리역할만 하고 있는 것이죠. 지금 같은 상황은 크게 문제가 되지 않으나 컴포넌트의 구조가 복잡해진다면 이런 구조로 계속 하위 컴포넌트에 전달이 되는 구조로 작성한다면 난해해질 것입니다. 이런 상황은 Context API를 사용하여 해결할 수 있습니다. import React from "react.. 공감수 0 댓글수 0 2021. 6. 7.
[React] Custom Hook 만들기 Custom Hook 만들기 컴포넌트를 만들다 보면 반복되는 로직이 발생합니다. 예를 들면 인풋 값을 바꾸어주는 로직의 경우, 항상 event.target에서 name과 value를 받아와서 그 값을 변경해준다는 로직이 같습니다. 이렇게 반복되는 로직은 기존의 Hook들을 응용해서 커스텀 Hook을 만들 수 있습니다. 인풋 상태를 관리하는 커스텀 Hook 만들어보기 import React, { useCallback, useState } from "react"; const useInputs = (initialForm) => { const [form, setForm] = useState(initialForm); const onChange = useCallback((event) => { const { name.. 공감수 0 댓글수 0 2021. 6. 7.
[React] useReducer useReducer 리액트의 컴포넌트에서 상태를 업데이트 하기 위해서는 useState를 사용해서 상태(state)를 관리했었습니다. 그런데 useState 말고도 상태를 관리할 수 있는 방법이 있는데 바로 useReducer 입니다. useState와 useReducer의 차이? useReducer를 사용하면 컴포넌트 상태 업데이트 로직을 컴포넌트에서 분리시킬 수 있습니다. 상태 업데이트 로직을 컴포넌트 바깥에 작성할 수 있을 뿐만 아니라 심지어는 아예 다른 파일에 작성한 후 불러와서 사용할 수도 있습니다. import React, { useState } from 'react'; function Counter() { const [number, setNumber] = useState(0); const o.. 공감수 0 댓글수 0 2021. 6. 7.
[React] react-router (Switch, Link, exact, render, useHistory) Switch 라는 태그는 자식인 들 중에서 현재 URL과 일치하는 첫번째 것을 렌더해준다. import React from "react"; import { BrowserRouter, Route, Switch } from "react-router-dom"; import "./app.css"; import Home from "./components/home"; import Profile from "./components/profile"; function App() { return ( ); } export default App; 이렇게 작성하면 경로에 맞는 컴포넌트를 렌더해주는 것이다. Link Switch 안에서가 아니더라도 Link를 이용하면 원하는 컴포넌트로 이동할 수 있다. (마치 html의 a 태그의.. 공감수 0 댓글수 0 2021. 5. 13.
[React] react-router에서 render 이용해서 컴포넌트 보여주기 react-router에서 해당하는 경로에 맞는 컴포넌트를 렌더하는 방법은 3가지가 있다. 1. 의 자식으로 렌더하는 방법 import React from "react"; import { BrowserRouter, Link, Route} from "react-router-dom"; import "./app.css"; import Home from "./components/home"; import Profile from "./components/profile"; function App() { return ( ); } export default App; 하지만 위와 같이 쓰면 route 관련 props인 location, history, match를 받아올 수 없다. 2. 를 이용하여 렌더하는 방법 impo.. 공감수 2 댓글수 0 2021. 5. 13.
[React]라우터가 아닌 컴포넌트에서 location, match, history 사용하기 - withRouter 라우터가 아닌 컴포넌트에서 location, match, history를 사용해야할 때에는 withRouter를 사용한다. const callback = withRouter(() => { }); 이렇게 withRouter로 감싸도 되고, export default withRouter(callback); 이렇게 감싸면 된다. 그러면 props에서 location, match, history를 받아올 수 있다. * 라우터가 아닌 컴포넌트에서 어떤 이벤트가 발생했을 때 URL을 이동할 일이 있을 때 history.push를 이용해서 URL을 이동하고 싶었기 때문에 withRouter를 찾게 되었다. 공감수 0 댓글수 0 2021. 5. 12.
[React] React에서 라우팅되는 컴포넌트에 props 전달하기 (react-router) Route 컴포넌트의 props - path : 라우팅할 컴포넌트의 URL - component : path props에 지정한 URL 클릭 시 렌더링 할 컴포넌트 이 외에도 Route 컴포넌트는 기본적으로 history, location, match 등의 props를 가진다. (다른 컴포넌트에서 Link를 이용해서 해당 경로로 넘어왔을 경우 그 때 props를 전달하려면 이렇게 state를 통해서 props를 전달하면 되고 이 때 전달한 props는 전달받은 컴포넌트에서 location.state안에 있다. 라우팅 되는 컴포넌트에 props 전달하기 Route 컴포넌트에 의해 렌더링되는 컴포넌트에 props를 전달해야한다면 render props를 사용하여 라우팅되는 컴포넌트에 props를 전달한다. .. 공감수 0 댓글수 1 2021. 5. 11.
[React] 배열에 항목 수정하기 ☕ 이번 시간에는 배열에 항목 수정하기를 해보겠다. 이번에 해볼 것은 이름을 클릭하면 초록색으로 바뀌고, 다시 클릭하면 검정색으로 바뀌는 것을 해볼 것이다. ☕ active 변수 만들기 const [users, setUsers] = useState([ { id: 1, username: 'velopert', email: 'public.velopert@gmail.com', active: true }, { id: 2, username: 'tester', email: 'tester@example.com', active: false }, { id: 3, username: 'liz', email: 'liz@example.com', active: false } ]); 그것을 하기전에 우선적으로 해야할 작업은 user.. 공감수 0 댓글수 0 2021. 4. 19.
[React] 배열에 항목 제거하기 🍊 이번 시간에는 배열에 항목 제거하기에 대해서 알아보겠다. function UserList({users, onRemove}){ return ( users.map((user) => { return }) ) } UserList 컴포넌트를 열어주고, 여기서 onRemove를 props에서 받아와서 User 컴포넌트에 전달해준다. function User({id, username, email, onRemove}){ return ( {username}({email}) onRemove(id)}>삭제 ) } User 컴포넌트에서는 삭제 버튼을 하나 만들고 버튼을 클릭했을 때 삭제가 될 수 있도록 onClick 이벤트에 함수를 추가한다. 이 때 클릭하였을 때 특정 id를 가진 값을 배열에서 삭제해주고 싶기 때문에 위.. 공감수 1 댓글수 0 2021. 4. 19.
[React] 배열에 항목 추가하기 🎹 이번 시간에는 배열에 항목을 추가하는 것에 대해 알아보겠다. function CreateUser({username, email, onChange, onCreate}){ return ( 등록 ) } ✅CreateUser.js CreateUser 컴포넌트를 만든다. CreateUser 컴포넌트는 총 4개의 인자를 받아오는데 여기서 onChange 함수는 인풋 값이 바뀌게 될때 호출할 이벤트 함수고 onCreate는 버튼을 눌렀을 때 새로운 항목을 등록해주는 함수이다. import React,{ useRef, useState } from "react"; import "./App.css"; import CreateUser from './CreateUser'; import UserList from './Use.. 공감수 0 댓글수 0 2021. 4. 19.
[React] useRef로 컴포넌트 안의 변수 만들기 🍥 이번 시간에는 useRef를 사용해서 컴포넌트 안의 변수를 만드는 방법에 대해서 알아보겠다. 여기서 말하는 변수는 다음과 같다. 예를 들어 컴포넌트 내부에서 let 키워드를 사용하여 어떤 변수를 선언한다고 가정해보자. 그렇게 하면 다음에 리렌더링 될 때에는 그 변수 값은 초기화 된다. 만약 계속 유지하고 싶으면 즉 어떤 값을 관리하려면 이전에 배웠던 useState를 사용해야 되는데, useState는 상태를 바꾸게 되면 컴포넌트가 리렌더링 된다. 하지만 우리는 가끔씩 어떤 값을 바꿨을 때 리렌더링 할 필요없는 그런 값을 관리하게 될 때도 있다. 그런 경우에는 useRef를 사용하면 된다. 또한 useState는 상태를 바꾸는 함수를 호출하고 나서 그 다음 렌더링 이후로 업데이트 된 상태를 조회 할 .. 공감수 0 댓글수 0 2021. 4. 19.
[React] 배열 렌더링하기 🍧 이번 시간에는 리액트에서 배열을 렌더링하는 방법을 알아보겠다. const users = [ { id: 1, username: 'velopert', email: 'public.velopert@gmail.com' }, { id: 2, username: 'tester', email: 'tester@example.com' }, { id: 3, username: 'liz', email: 'liz@example.com' } ]; 예를 들어 이런 배열이 있다고 가정한다. 배열 안에 3개의 객체가 있고, 이것을 각각 렌더링해주어야 하는데 어떻게 할까? UserList.js를 만들고 작업한다. 🍧 비효율적인 방법 function UserList(){ const users = [ { id: 1, username: 'v.. 공감수 0 댓글수 0 2021. 4. 19.
[React] useRef로 특정 DOM 선택하기 🥞 이번 시간에는 useRef로 리액트에서 특정 DOM을 선택하는 방법에 대해서 알아보겠다. HTML과 자바스크립트를 사용할 때에는 특정 DOM을 선택해야 하는 상황에 getElementById, querySelector 같은 DOM 셀렉터 함수를 사용하여 DOM을 선택한다. 리액트에서도 가끔씩 DOM을 직접 선택해야하는 상황이 발생할 수 있다. 예를 들어, 특정 엘리먼트의 위치나 크기를 가져와야 한다던지 스크롤바 위치를 가져오거나 설정해야 한다던지, 포커스를 설정해주어야 한다던지 등 다양한 상황이 있다. 그럴때 리액트에서는 ref 라는 것을 사용한다. 🥞useRef라는 hook 사용하기 함수형 컴포넌트에서 ref를 사용하려면 useRef라는 hook을 사용한다. 그리고 클래스 컴포넌트에서는 React... 공감수 0 댓글수 0 2021. 4. 19.
[React] 여러 개의 input 상태 관리하기(useState에 객체 넣기) 🍈이번 시간에는 input이 여러 개일 때 상태를 관리하는 방법에 대해서 알아보겠다. function InputSample(){ const onChange = (event) => { }; const handleReset = () => { }; return ( 초기화 값: 이름 (닉네임) ) } 위와 같이 InputSample 컴포넌트를 작성한다. 이렇게 보인다. 일단 지금은 값에 해당하는 이름 (닉네임) 을 수동으로 작성해 주었다. 🍈 좋지 않은 방법 input이 이렇게 여러 개 되었을 때는 단순히 useState를 여러 번 사용하여 onChange도 여러 개 만들고, 그렇게 구현을 할 수도 있는데 그 방법은 좋은 방법은 아니다. 🍈 좋은 방법 - useState가 객체를 관리하도록 하기 더 좋은 방법은.. 공감수 0 댓글수 0 2021. 4. 19.
[React] input 상태 관리하기(useState / onChange 이용) 💩이번 시간에는 리액트에서 input 상태를 어떻게 관리하는지 알아보겠습니다. 지난시간에 우리는 button을 이용해서 숫자의 상태를 관리하는 법을 배웠는데, 이렇게 버튼 말고 input은 어떻게 관리할까? import React from "react"; function InputSample(){ return ( 초기화 값: ) } export default InputSample; ✅ InputSample.js InputSample 컴포넌트를 만든다. 그리고 늘 그랬듯 App 컴포넌트에서 InputSample 컴포넌트를 렌더링한다. 이전에 버튼에서는 onClick이라는 이벤트를 관리했었는데, input에서는 onChange라는 이벤트를 관리해보도록 하겠다. function InputSample(){ co.. 공감수 4 댓글수 0 2021. 4. 19.
[React] useState를 통해 컴포넌트에서 '바뀌는 값' 관리하기 🍺 이번 시간에는 useState를 통해 컴포넌트에서 '바뀌는 값' 관리하는 방법에 대해서 배워보겠다. 지금까지 우리가 리액트 컴포넌트를 만들 때에는 동적인 부분이 하나도 없었다. 값이 바뀌는 일이 없었다. 이번 시간에는 컴포넌트에서 보여주어야 하는 내용이 사용자의 인터랙션에 따라 바뀌어야 할 때 어떻게 구현할지에 대하여 알아보겠다. 🍺Hooks 리액트 16.8 이전 버전에서는 함수형 컴포넌트에서는 상태(state)를 관리할 수 없었다. (그래서 클래스 컴포넌트를 사용했었다. state안에 값이 변화해야 하는 변수를 넣었던 것) 그러나 리액트 16.8부터 Hooks라는 기능이 도입되면서 함수형 컴포넌트에서도 상태(state)를 관리할 수 있게 되었다. 우선 useState를 사용해볼 것인데, 이게 리액트.. 공감수 0 댓글수 0 2021. 4. 19.
[React] 조건부 렌더링 🐣 이번 시간에는 조건부 렌더링에 대해서 알아보겠다. 🐣 조건부 렌더링이란? 조건부 렌더링: 특정 조건이 참인지 거짓인지에 따라서 다른 결과를 보여주는 것을 말한다. 조건부 렌더링을 사용하는 가장 쉬운 방법은 삼항 연산자를 사용하는 것이다. (삼항연산자-> 조건식 ? 참 : 거짓) function App() { return ( ); } 위와 같이 App 컴포넌트에서 Hello 컴포넌트의 props로 isSpecial을 true로 추가한다. true도 자바스크립트 값이기 때문에 중괄호 안에 적어주었다. function Hello({name,color, isSpecial}){ return ( {isSpecial ? ⭐ : null} {name}님 안녕하세요. ) } 이렇게 isSpecial의 값이 있는지 물.. 공감수 0 댓글수 0 2021. 4. 19.
[React] props를 통해 컴포넌트에게 값 전달하기 🍫 이번 시간에는 props를 통해 컴포넌트에게 값을 전달하는 법, 그리고 children에 대해 알아보겠다. 🍫 props란? properties의 줄임말 컴포넌트를 사용하게 될 때 특정 값을 전달해주고 싶을 때 사용하는 것 🍫props를 이용해서 컴포넌트에 값 전달하기 function App() { return ( ); } App 컴포넌트에서 Hello 컴포넌트에 name이라는 것을 전달해주고 싶다면 이렇게 작성하면 된다. 🍫 전달받은 props를 컴포넌트에서 사용하기 function Hello(props){ console.log(props) return Hello!; } Hello 컴포넌트에서 props를 사용하고 싶다면 인자로 props를 넣어주면 된다. props를 콘솔로 확인해보면 다음과 같다.. 공감수 0 댓글수 0 2021. 4. 19.
[React] JSX 🧸이번에는 리액트 컴포넌트를 만들 때 사용하게 되는 문법인 JSX에 대해서 알아보겠다. 🧸 JSX란? JSX는 리액트에서 컴포넌트의 생김새를 정의할 때 사용하게 되는 문법이다. 얼핏보기에는 HTML처럼 생겼지만, 사실은 자바스크립트이다. 어떻게 자바스크립트가 되냐면, 바벨이라는 도구를 통해서 XML 형태의 코드가 자바스크립트로 변환이 된다. babeljs.io 를 들어가서 확인할 수 있다. 다음과 같이 babel에서는 왼쪽의 코드(JSX)를 저렇게 바꾸어준다는 것이다. 매번 createElement라는 것을 써서 호출하기엔 너무 어려우니까 JSX 문법을 통해 쉽게 작성하고, 바벨이 이를 변환해준다. 🧸 JSX의 규칙 JSX에도 규칙이 있다. 그 규칙에 대해서 알아보겠다. JSX에서 return 뒤에 사용.. 공감수 0 댓글수 0 2021. 4. 19.
[React] 리액트 컴포넌트 만들기 🍨 이번 시간에는 첫 리액트 컴포넌트를 만들어보겠습니다. src 폴더에 hello.js라는 파일을 만든다. import React from "react"; 그리고 리액트를 사용하려면 항상 파일 위에 위와 같은 코드를 써주어야 한다. 이는 리액트를 불러와서 사용하겠다는 의미가 된다. 🍨 컴포넌트 만들어보기 컴포넌트를 만드는 방법에는 2가지가 있다. 1) 함수 형태로 컴포넌트 만들기 2) 클래스 형태로 컴포넌트 만들기 클래스 형태로 컴포넌트 만드는 것은 나중에 해보고, 일단은 함수 형태로 컴포넌트를 만들어보겠다. import React from "react"; function Hello(){ return 안녕하세요; } export default Hello; 컴포넌트의 이름은 대문자로 시작하며, 단어가 여러.. 공감수 0 댓글수 0 2021. 4. 19.
[React] 리액트 작업환경 준비 리액트를 개발하기 위한 작업환경 준비에 대해 알아보겠습니다. 1. node.js node.js란 브라우저환경이 아닌 곳에서도 자바스크립트를 실행할 수 있게 해주는 자바스크립트 런타임을 말함 우리가 리액트 프로젝트를 만들면 webpack, babel같은 도구를 사용해야 하는데 그러한 도구들이 node.js 기반으로 만들어졌기 때문에 node.js를 설치해야 함 2. yarn 자바스크립트 package들을 관리(manage)해주는 도구 node.js를 설치하면 npm이 딸려나오는데 npm으로도 할 수 있긴 함 yarn도 npm이랑 비슷한 도구인데 npm보다 빠른 속도로 다운로드받을 수 있게 해준다. npm에 익숙하거나 yarn을 설치하기 싫다면 yarn은 생략해도 되지만 한 번도 사용해보지 않았다면 사용해보.. 공감수 0 댓글수 0 2021. 4. 19.
React에서 dotenv 사용하는법(React에서 dotenv가 undefined로 뜬다면!) 프로그램 개발시 환경변수를 저장하기 위해 dotenv를 사용한다. dotenv는 공개되어서는 안되는 중요한 정보들을 위해 주로 사용하기 때문에 은닉되어야 할 정보는 .env파일에서 관리하고 .env파일을 .gitignore에 추가시켜 정보의 노출을 막아주어야 한다. 설치 방법 : npm install dotenv 사용 방법 : 1. 프로젝트의 루트 경로에 .env 파일을 만든다. 2. .env 파일에 설정하고 싶은 변수를 작성한다. REACT_APP_ID_KEY = "blabla" REACT_APP_SECRET_KEY = "blablabla" 3. 프로젝트에서 다음과 같이 사용하면 된다. import dotenv from "dotenv"; dotenv.config(); const API_KEY = pro.. 공감수 1 댓글수 0 2021. 4. 15.
[React]리액트가 나오게 된 이유 🍉자바스크립트를 사용한 DOM 변형의 한계😥 DOM : 각 HTML에 대한 정보를 지니고 있는 자바스크립트 객체 인터랙션이 자주 발생하고 이에 따라 동적인 UI를 표현해야 한다면 규칙도 너무 다양해지고 관리하기도 매우 힘들 것이다. 웹 어플리케이션이 규모가 커지게 되면 코드가 난잡해지고 유지보수에도 어려움 🍉 새로운 발상을 가지고 등장하게 된 리액트💡 리액트는 어떠한 상태가 바뀌었을 때 DOM을 어떻게 업데이트할지 규칙을 정하는 것이 아니라 아예 다 날려버리고 처음부터 모든 것을 새로 만들어서 보여준다면 어떨까 라는 아이디어에서 개발이 되었다. 그렇게 한다면 업데이트를 어떻게 해야할지에 대한 고민을 전혀 안해도 되기 때문에 개발이 정말 쉬워질 것이다. 하지만 정말 동적인 UI를 보여주기 위해서 모든 것을.. 공감수 0 댓글수 0 2021. 4. 12.

728x90

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.