티스토리

kohigowild

검색하기

블로그 홈

kohigowild

trustmitt.tistory.com/m

kohi ☕ 님의 블로그입니다.

구독자: 3

방명록 방문하기

주요 글 목록

SPA CSR SSR SEO SSG JKP SPA (Single Page Application) 한 개의 페이지로 구성된 웹 애플리케이션 일반적으로 초기 로딩 시에 필요한 모든 리소스를 로드하고, 이후에는 동적으로 콘텐츠를 변경하거나 업데이트하는 방식으로 동작한다. 기존의 웹 애플리케이션(MPA)은 새로운 페이지를 로드할 때마다 전체 페이지를 서버에서 다시 가져와야 한다. 이는 사용자 경험과 성능에 부정적인 영향을 끼칠 수 있다. 📡 MPA (Multi Page Application) 여러 개의 페이지로 구성된 전통적인 웹 애플리케이션으로, 각 페이지는 서버에서 새로운 HTML 문서를 로드하여 표시하며, 사용자의 상호 작용에 따라 페이지가 전환된다. 장점 1. 각 페이지가 별개의 HTML 문서로 구성되어 있기 때문에 검색 엔진에서 더 잘 인덱싱될.. 공감수 0 댓글수 0 2023. 5. 19.
브라우저 렌더링 원리 웹 브라우저는 인터넷 상에서 웹 페이지를 검색하고, 표시해주는 소프트웨어다. 웹 브라우저는 HTML, CSS, JavaScript 등의 웹 기술을 이용하여 웹 페이지를 렌더링하고, 사용자와 상호작용을 가능하게 한다. 📎 브라우저 구성 요소 사용자 인터페이스(User Interface) 사용자 인터페이스는 브라우저에서 웹 페이지를 검색하고, 표시하는데 필요한 모든 요소를 포함한다. 대표적인 예로는 주소 표시줄, 뒤로/앞으로 가기 버튼, 북마크, 즐겨찾기 등이 있다. 렌더링 엔진(Rendering Engine) 렌더링 엔진은 HTML, CSS 및 JavaScript 코드를 해석하고, 페이지를 렌더링하여 화면에 표시한다. 대표적인 렌더링 엔진으로는 Gecko(파이어폭스), WebKit(사파리), Blink(크.. 공감수 0 댓글수 0 2023. 4. 27.
호이스팅 간단하게 정리 호이스팅(Hoisting)은 자바스크립트에서 변수 및 함수 선언이 해당 스코프의 최상위로 끌어올려지는 것을 의미한다. 즉, 변수나 함수가 선언되기 전에도 참조할 수 있다. 호이스팅은 코드의 구조를 파악하기 어렵게 만들 수 있으므로 코드의 가독성과 유지보수성을 해칠 수 있다. 예를 들어 다음과 같은 코드가 있을 때, 실제로는 아래와 같이 해석된다. console.log(x); var x = 10; -- var x; // 변수 x가 호이스팅되어 선언됨 console.log(x); // x는 undefined x = 10; // 할당이 이루어짐 var와 function은 호이스팅이 발생하는데, 변수나 함수가 선언되기 전에도 참조할 수 있게 된다. 이때 변수는 undefined로 초기화되고, 함수는 전체가 끌어.. 공감수 0 댓글수 0 2023. 4. 21.
[프로그래머스] 바탕화면 정리 문제 설명 코딩테스트를 준비하는 머쓱이는 프로그래머스에서 문제를 풀고 나중에 다시 코드를 보면서 공부하려고 작성한 코드를 컴퓨터 바탕화면에 아무 위치에나 저장해 둡니다. 저장한 코드가 많아지면서 머쓱이는 본인의 컴퓨터 바탕화면이 너무 지저분하다고 생각했습니다. 프로그래머스에서 작성했던 코드는 그 문제에 가서 다시 볼 수 있기 때문에 저장해 둔 파일들을 전부 삭제하기로 했습니다. 컴퓨터 바탕화면은 각 칸이 정사각형인 격자판입니다. 이때 컴퓨터 바탕화면의 상태를 나타낸 문자열 배열 wallpaper가 주어집니다. 파일들은 바탕화면의 격자칸에 위치하고 바탕화면의 격자점들은 바탕화면의 가장 왼쪽 위를 (0, 0)으로 시작해 (세로 좌표, 가로 좌표)로 표현합니다. 빈칸은 ".", 파일이 있는 칸은 "#"의 값을.. 공감수 0 댓글수 0 2023. 4. 18.
개인 프로젝트 #wheregram 기능 개선기 https://trustmitt.tistory.com/77 개인 프로젝트 #wheregram 최종 회고 🚎 Overview 2023년 03월 12일 ~ 2023년 04월 08일 🌼 국내 여행 정보 · 후기 공유 플랫폼 Notion https://trustmitt.notion.site/wheregram-1d19d37a91224cdbacf4536c15dae1a7 #wheregram 국내 여행 정보 · 후기 공유 플랫폼 trustmit trustmitt.tistory.com UI / UX 개선사항 1. Draggable Auto Carousel Embla Carousel 사용법 정리 (Feat. Next.js) yarn add embla-carousel-react embla-carousel-react 패키지 .. 공감수 0 댓글수 0 2023. 4. 16.
async / await 개념 정리 (Feat. 동기, 비동기) 📡 동기와 비동기 동기(synchronous)란, 어떤 작업을 실행할 때 그 작업이 끝나기를 기다리는 방식을 의미한다. 즉, 작업이 완료될 때까지 다음 코드의 실행을 멈추고 기다리는 것이다. 이러한 방식은 작업의 순서를 보장하고, 작업이 끝날 때까지 결과를 기다리는 것이 가능하다. 비동기(asynchronous)란, 어떤 작업을 실행할 때 그 작업이 완료되지 않더라도 다음 코드를 실행하는 방식을 의미한다. 즉, 작업이 완료되지 않았더라도 결과를 기다리지 않고 다음 코드를 실행하는 것이다. 이러한 방식은 작업이 오래 걸리는 경우 시간을 절약하고, 병렬적인 작업 처리가 가능하다. 동기 방식으로 파일을 읽는다면 파일을 읽기 시작한 이후에 다음 코드를 실행하지 않고 파일이 읽혀지기를 기다린다. 반면에 비동기 방.. 공감수 8 댓글수 2 2023. 4. 15.
[프로그래머스] 추억 점수 문제 설명 사진들을 보며 추억에 젖어 있던 루는 사진별로 추억 점수를 매길려고 합니다. 사진 속에 나오는 인물의 그리움 점수를 모두 합산한 값이 해당 사진의 추억 점수가 됩니다. 예를 들어 사진 속 인물의 이름이 ["may", "kein", "kain"]이고 각 인물의 그리움 점수가 [5점, 10점, 1점]일 때 해당 사진의 추억 점수는 16(5 + 10 + 1)점이 됩니다. 다른 사진 속 인물의 이름이 ["kali", "mari", "don", "tony"]이고 ["kali", "mari", "don"]의 그리움 점수가 각각 [11점, 1점, 55점]]이고, "tony"는 그리움 점수가 없을 때, 이 사진의 추억 점수는 3명의 그리움 점수를 합한 67(11 + 1 + 55)점입니다. 그리워하는 사람의 .. 공감수 0 댓글수 1 2023. 4. 15.
[프로그래머스] 달리기 경주 문제 설명 얀에서는 매년 달리기 경주가 열립니다. 해설진들은 선수들이 자기 바로 앞의 선수를 추월할 때 추월한 선수의 이름을 부릅니다. 예를 들어 1등부터 3등까지 "mumu", "soe", "poe" 선수들이 순서대로 달리고 있을 때, 해설진이 "soe"선수를 불렀다면 2등인 "soe" 선수가 1등인 "mumu" 선수를 추월했다는 것입니다. 즉 "soe" 선수가 1등, "mumu" 선수가 2등으로 바뀝니다. 선수들의 이름이 1등부터 현재 등수 순서대로 담긴 문자열 배열 players와 해설진이 부른 이름을 담은 문자열 배열 callings가 매개변수로 주어질 때, 경주가 끝났을 때 선수들의 이름을 1등부터 등수 순서대로 배열에 담아 return 하는 solution 함수를 완성해주세요. 제한사항 5 ≤.. 공감수 0 댓글수 0 2023. 4. 15.
230413 :: [프로그래머스] 공 던지기, 피보나치 수 공 던지기 문제 설명 머쓱이는 친구들과 동그랗게 서서 공 던지기 게임을 하고 있습니다. 공은 1번부터 던지며 오른쪽으로 한 명을 건너뛰고 그다음 사람에게만 던질 수 있습니다. 친구들의 번호가 들어있는 정수 배열 numbers와 정수 K가 주어질 때, k번째로 공을 던지는 사람의 번호는 무엇인지 return 하도록 solution 함수를 완성해보세요. 제한사항 2 공감수 0 댓글수 0 2023. 4. 14.
Embla Carousel 사용법 정리 (Feat. Next.js) yarn add embla-carousel-react embla-carousel-react 패키지 설치 import { useEffect, useRef, useState } from 'react'; import { useEmblaCarousel } from 'embla-carousel-react'; function Carousel() { const [viewportRef, embla] = useEmblaCarousel({ loop: true }); const [cardInfo, setCardInfo] = useState([]); useEffect(() => { // 카드인포데이터패칭 }, []); return ( {cardInfo.map((card) => { return ( ); })} ); } expo.. 공감수 0 댓글수 0 2023. 4. 14.
230411 :: [프로그래머스] 숨어있는 숫자의 덧셈 (2), 나누어 떨어지는 숫자 배열 숨어있는 숫자의 덧셈 (2) 문제 설명 문자열 my_string이 매개변수로 주어집니다. my_string은 소문자, 대문자, 자연수로만 구성되어있습니다. my_string안의 자연수들의 합을 return하도록 solution 함수를 완성해주세요. 제한사항 1 ≤ my_string의 길이 ≤ 1,000 1 ≤ my_string 안의 자연수 ≤ 1000 연속된 수는 하나의 숫자로 간주합니다. 000123과 같이 0이 선행하는 경우는 없습니다. 문자열에 자연수가 없는 경우 0을 return 해주세요. 나의 코드 function solution(my_string) { return my_string .split(/[^0-9]/g) .map(Number) .reduce((acc, cur) => { return (.. 공감수 0 댓글수 0 2023. 4. 11.
REST API가 먼데요... 📡 REST Representational State Transfer - 자원 (Resource) : URI - 행위 (Verb) : HTTP Method - 표현 (Representations) : Server 응답 HTTP URI를 통해 자원을 명시하고 HTTP Method(POST, GET, PUT, DELETE)를 통해 해당 자원에 대한 CRUD Operation을 적용하는 것을 의미한다. 즉, REST는 자원 기반의 구조 설계의 중심에 Resource가 있고, HTTP Method를 통해 Resource를 처리하도록 설계된 아키텍처를 의미한다. 영화를 검색하는 사이트가 있다고 가정했을 때 /createMovie /seeMovie /getMovie/inception /deleteMovie/ince.. 공감수 0 댓글수 0 2023. 4. 11.
230410 :: [프로그래머스] 핸드폰 번호 가리기, 가까운 수 핸드폰 번호 가리기 문제 설명 프로그래머스 모바일은 개인정보 보호를 위해 고지서를 보낼 때 고객들의 전화번호의 일부를 가립니다.전화번호가 문자열 phone_number로 주어졌을 때, 전화번호의 뒷 4자리를 제외한 나머지 숫자를 전부 *으로 가린 문자열을 리턴하는 함수, solution을 완성해주세요. 제한 조건 phone_number는 길이 4 이상, 20이하인 문자열입니다. 나의 풀이 function solution(phone_number) { const LENGTH = phone_number.length; const x = phone_number.substr(0, LENGTH - 4).replace(/[0-9]/g, "*"); const y = phone_number.substr(x.length, .. 공감수 0 댓글수 0 2023. 4. 11.
개인 프로젝트 #wheregram 최종 회고 🚎 Overview 2023년 03월 12일 ~ 2023년 04월 08일 🌼 국내 여행 정보 · 후기 공유 플랫폼 Notion https://trustmitt.notion.site/wheregram-1d19d37a91224cdbacf4536c15dae1a7 #wheregram 국내 여행 정보 · 후기 공유 플랫폼 trustmitt.notion.site Github https://github.com/trustmitt/wheregram GitHub - trustmitt/wheregram: 국내 여행 정보 · 후기 공유 플랫폼 ⛺ 국내 여행 정보 · 후기 공유 플랫폼 ⛺. Contribute to trustmitt/wheregram development by creating an account on GitHu.. 공감수 0 댓글수 1 2023. 4. 9.
파이어베이스로 무한 스크롤 구현하기 🌼 페이지 진입 시 불러올 첫 번째 쿼리문 작성 export const getExploreDoc = async (setKey: any) => { const fristQ = query(collection(db, 'feed'), orderBy('createAt', 'desc'), limit(4)); const querySnapshot = await getDocs(fristQ); const data = querySnapshot.docs.map((doc) => ({ ...doc.data(), })); setKey(querySnapshot.docs[querySnapshot.docs.length - 1]); return data; }; limit : 4개의 게시물을 불러온다. 불러온 데이터 중 가장 마지막 값을 s.. 공감수 1 댓글수 1 2023. 4. 8.
파이어베이스로 키워드 검색 구현하기 🌼 현재 파이어스토어에서는 전체 텍스트 검색을 지원하지 않는다. 파이어베이스를 사용하면서 검색을 구현하기 위해서는 쿼리문을 변형해서 사용하거나 타사 솔루션인 Algolia나 Elastic 같은 검색 엔진 API를 사용해야 한다. 파이어베이스에서 제공하는 기능으로만 키워드 검색을 구현하기 위해 쿼리문을 사용해 보자. 🗒️ 기존 코드의 문제점 const q = query(collection(db, 'feed'), where('address', '>=', keyword), where('address', ' 공감수 1 댓글수 0 2023. 4. 7.
팀 프로젝트 Hey Toss Me 최종 회고 🔎 Overview 💡 Notion 💡 GitHub ✔ 저기요! 안 쓰는 티켓 있어요? 👀 그럼 넘겨요! = Hey! Toss Me! 🙋‍♀️ ❓ 전국구의 못 쓰게 된 서비스 거래만 모아둔 곳 없을까? 🙏 취소 수수료 물지 말고 간단하게 거래해요! 💪 미용실도! 뮤지컬도! 어떤 예약 서비스라도 좋아요! 📅 작업 기간 2023년 02월 24일 ~ 2023년 04월 06일 🤹 팀원 구성 BackEnd 3명 : 이보미, 최웅준, 허진혁 FrontEnd 2명 : 박주경, 김규리 📜 프로젝트 아키텍처 🔨 기술 스택 FrontEnd BackEnd CI / CD React Typescript Redux-toolkit Redux-persist React-router-dom Axios StompJS React-datep.. 공감수 1 댓글수 0 2023. 4. 7.
Proxy 그게 몬데 어떡케 하는 건데 (Vite Proxy 설정) 문제 상황 강조되고 반복되는 CORS 에러가 주경이를 불안하게 함 CORS (Cross Origin Resource Sharing) CORS는 한 도메인 또는 Origin의 웹 페이지가 다른 도메인 (도메인 간 요청)을 가진 리소스에 액세스 할 수 있게하는 보안 메커니즘이다. CORS는 서버와 클라이언트가 정해진 헤더를 통해 서로 요청이나 응답에 반응할지 결정하는 방식으로 CORS라는 이름으로 표준화 되었다. CORS는 최신 브라우저에서 구현된 동일 출처 정책(same-origin policy) 때문에 등장했다. Proxy CORS를 해결하기 위해서는 서버 측에서 Origin Allow 속성에 클라이언트에서 보내는 출처를 추가하고, 배포하는 곳에서도(AWS 같은 거) 따로 설정해 줘야 한다. 우리 프로젝.. 공감수 1 댓글수 0 2023. 4. 2.
axios interceptors로 401 error 처리 처리 내용 1. 유저 로그인 시 액세스 토큰과 리프레시 토큰을 발급한다. 액세스 토큰은 클라이언트에서 store 변수에 담아 관리하고 리프레시 토큰은 서버에서 httpOnly 쿠키에 저장하도록 처리한다. 2. API 요청 시 액세스 토큰을 검증한다. 3. 액세스 토큰이 만료된 경우 401 error ▶ token refresh 요청 ▶ 액세스 토큰 발급 4. 새로 발급된 토큰으로 재요청한다. axios interceptors axios interceptors는 then이나 catch로 처리되기 전에 요청(request)나 응답(response)을 가로채 어떠한 작업을 수행할 수 있게 한다. // 요청 쌔벼서 가공 customAxios.interceptors.request.use( (config) => {.. 공감수 0 댓글수 0 2023. 4. 2.
PWA 적용 도전ㄱㅣ...! PWA는 HTML, CSS, JS와 같은 웹 기술과 네이티브 앱의 장점을 결합한 것이다. 네이티브 앱을 개발하고 유지보수하는 것은 시간이나 비용이 상당히 소요되지만, PWA는 훨씬 더 빠르게 개발할 수 있고 푸시 알림이나 오프라인 지원과 같은 네이티브 앱의 특징들도 전부 제공할 수 있다. PWA의 세 가지 구성 요소 HTTPS: PWA는 신뢰할 수 있는 연결 상태에서만 동작하기 때문에, 보안 연결을 통해서 서비스를 제공해야 한다. 이번 프로젝트에서는 로컬 환경에서 시도했기 때문에 해당사항 X servise worker: 서비스 워커는 백그라운드에서 실행되는 스크립트이다. 네트워크와 관련된 요청의 처리를 돕는다. manifest: JSON 파일 형식이며 PWA가 표시되고 기능하는 방식에 대한 정보를 포함한.. 공감수 1 댓글수 0 2023. 4. 2.
redux-persist 적용 (feat. react, redux-toolkit) 🤯 유저가 로그인을 완료하게 되면 서버로부터 유저의 정보가 response로 들어오게 되고 클라이언트에서는 이 값을 store에 저장해서 필요 시에 꺼내 쓸 수 있는데, 기존의 store는 새로고침 시 초기화되는 정보이므로 이를 해결해 주어야 한다. redux-persist 설치 npm i redux-persist yarn add redux-persist persist store 정의 store.tsx import { combineReducers, configureStore } from "@reduxjs/toolkit"; import { useDispatch, useSelector } from "react-redux"; import storage from "redux-persist/lib/storage".. 공감수 0 댓글수 0 2023. 3. 28.
Debounce In UseEffect Debounce 는 이벤트 핸들러의 과도한 횟수가 발생하는 경우를 효과적으로 제어하여 성능의 개선을 목표로 하는 프로그래밍 기법으로, 연이어 호출되는 함수들 중 마지막 함수만 호출하도록 하는 기법이다. 해당 프로젝트에서는 검색 페이지에서 키워드 입력 시, 키워드 입력 완료 후 특정 시간 이후 API를 요청하도록 적용하였다. 🗒️ 적용 전 코드 키워드를 담을 state를 선언해 주고 input에 onChange 이벤트를 적용한다 의존성 배열에 keyword를 전달해서 keyword의 값이 변동될 때마다 api를 요청한다 const [keyword, setKeyword] = useState(''); useEffect(() => { // api call searchFeedList(keyword, setFeed.. 공감수 0 댓글수 0 2023. 3. 26.
Property 'env' does not exist on type 'ImportMeta' Problem 타입스크립트 환경에서 env 변수 사용 시 import.meta.env에서 타입 오류 발생 Property 'env' does not exist on type 'ImportMeta'. Reference https://github.com/vitejs/vite/issues/9539 Property 'env' does not exist on type 'ImportMeta' in 3.0.0 · Issue #9539 · vitejs/vite Describe the bug In vite 3.0.0 it still exists, even if it was previously closed. Can be recreated using react-ts template. Try to use env variabl.. 공감수 2 댓글수 0 2023. 3. 26.
리액트 이미지 최적화 및 성능 개선 https://heytossme.netlify.app/ HeyTossMe heytossme.netlify.app Problem 메인 페이지 등에서 사이트가 버벅거리거나 로딩이 느려지는 문제 이미지 최적화 관련 처리 X Reason 검색하다가 LightHouse라는 툴을 발견해서(!!) 한 번 적용해 봤는데 성능 점수 뭔 일임 메인 페이지 무한 슬라이드에서 성능 문제가 있을 거라는 예상은 했었는데, 무한 슬라이드 로직에 문제가 있는 게 아니라 고화질 이미지를 너무 많이 사용한 데서 크게 문제가 아닐까 싶었다 Try to solve 메인 페이지 무한 슬라이드 이미지 교체 대놓고 버벅거리는 문제는 해결됨 41점이긴 한데 410점 같음 이미지 업로드 시 이미지 압축 코드 작성 browser-image-compr.. 공감수 0 댓글수 0 2023. 3. 26.
빌드 시 정적(static) 이미지가 누락되는 문제 Problem Error: Image import ... is not a valid image file. The image may be corrupted or an unsupported format. build 되는 과정에서 public 폴더 안에 있는 static 이미지가 누락되는 문제 Reason Disable Static Imports disableStaticImages 속성이 true로 되어 있어서 정적 이미지를 가져올 수 없었던 걸로 추측됨 Try to solve invalid-images-config | Next.js invalid-images-config | Next.js Invalid images config In your next.config.js file you provided an i.. 공감수 0 댓글수 0 2023. 3. 18.
NextJS에서 구글 폰트 적용 시 구문 오류 Problem Syntax error: "@next/font" requires SWC although Babel is being used due to a custom babel config being present. Reason 🤔 https://github.com/mui/material-ui/issues/35673 Syntax error: "@next/font" requires SWC although Babel is being used due to a custom babel config being present. · Issue #35673 Duplicates I have searched the existing issues Latest version I have tested the latest versi.. 공감수 0 댓글수 0 2023. 3. 16.
Typescript 기본 타입 정리 (primitive types) string, number, boolean string "Hello, World!" number 29, Infinity, NaN boolean true, false object object 속성(Property) 키(Key), 값(Value) interface PersonType { name: string; age: number; isStudent: boolean; studentNum?: number; } const person:PersonType = { name: "박주경", age: 27, isStudent: true } const getPersonAge = (person: PersonType) => { console.log(person.age) } array, tuple, enum array str.. 공감수 0 댓글수 0 2023. 1. 5.
Ref의 활용과 useRef 💡 Ref Ref는 render 메서드에서 생성된 DOM 노드나 React 엘리먼트에 접근하는 방법을 제공한다. 예를 들어 HTML을 작성할 때, div 등의 DOM 요소에 이름을 달 경우 와 같이 id를 사용하는데, 이처럼 React에서도 DOM을 선택해 직접 접근하기 위해 Ref를 사용한다. Ref를 사용해야 할 때 포커스, 텍스트 선택영역, 혹은 미디어의 재생을 관리할 때 애니메이션을 직접적으로 실행시킬 때 서드 파티 DOM 라이브러리를 React와 같이 사용할 때 💡 비제어 컴포넌트 방식 - Ref 활용 import React, { useRef } from "react"; export default function UncontrolledForm() { const inputRef = useRef().. 공감수 0 댓글수 0 2023. 1. 2.
[React] props와 state 👽 props와 state 리액트 컴포넌트에서 다루는 데이터는 두 개로 나뉜다. 바로 props와 state인데, props는 부모 컴포넌트가 자식 컴포넌트에게 주는 값이다. 자식 컴포넌트에서는 props를 받아오기만 하고, 받아온 props를 직접 수정할 수는 없다. 반면에 state는 컴포넌트 내부에서 선언하며 내부에서 값을 변경할 수 있다. 💡 props props는 컴포넌트를 부를 때 함께 지정한다. 아래 코드에서는 People 컴포넌트에 name prop과 age prop을 지정하였다. 위와 같이 같은 타입의 컴포넌트에 다른 props 값을 주어 패턴이 반복되는 형태로 컴포넌트의 효율적인 재사용이 가능하다. props에는 불리언, 숫자, 배열과 같은 다양한 형태의 데이터를 담을 수 있고, 공백 .. 공감수 0 댓글수 0 2022. 12. 15.
옵저버 패턴과 예제 코드 👽 Observer Pattern 옵저버 패턴(Observer Pattern)은 어떤 이벤트가 일어나는 것을 감시하는 패턴을 의미한다. 함수로 직접 요청한 적 없지만 시스템에 의해 발생하는 동작들을 이벤트라 하는데, 이러한 이벤트들을 감시하여 이벤트가 발생할 때마다 미리 정의해 둔 어떠한 동작을 즉각 수행하게 해 주는 프로그래밍 패턴을 옵저버 패턴이라 한다. 예시로 A 버튼이 클릭될 때마다 화면에 '안녕'을 출력하는 동작을 들 수 있다. 옵저버 패턴을 활용하면 다른 객체의 상태 변화를 별도의 함수 호출 없이 즉각적으로 알 수 있기 때문에, 이벤트에 대한 처리를 자주 해야 하는 프로그램이라면 매우 효율적인 프로그램을 작성할 수 있다. Model의 상태가 변경되면 이를 구독하고 있는 View의 렌더링 함수(.. 공감수 0 댓글수 0 2022. 12. 13.

문의안내

티스토리
로그인
고객센터

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