전체 글23 서울우유 플레인 요거트 대용량 그릭요거트 만들기 재료 * 이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다. 서울우유 더 진한 순수 플레인 요거트 2.45L집에서 그릭요거트 만들어먹기! 저는 아침마다 그릭요거트를 자주 먹는데요,매번 사 먹으려니 가격이 부담돼서유청 분리기에 플레인 요거트를 넣어 직접 만들어 먹고 있어요. 시중에 파는 제품 중 집에서 그릭요거트를 만들기 좋은 건서울우유 더 진한 순수 플레인 요거트예요. 대용량이라 가성비도 좋고,미리 만들어 두면 아침에 간편하게 꺼내 먹을 수 있어건강 챙기기 딱이랍니다! 🛒 구매 링크 👉 서울우유 플레인 요거트 대용량 2.45L 최저가 구매https://link.coupang.com/a/cN6Wyc 서울우유 더 진한 순수 플레인 요거트 - 마시는 요구르트 | 쿠.. 2025. 9. 1. 부모님 간식 선물 수미향 소느로 강정 세트 * 이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다. 부모님 간식 선물 수미향 소느로 호두 & 피칸 강정 세트건강하고 맛있는 전통 간식으로 부모님께 효도하세요! 명절이나 특별한 날이 아니어도 부모님께 맛있는 간식을 드리고 싶다면!? 인위적인 화학 성분이나 합성기술을 배제한 자연유래의 달콤한 간식 수미향 소느로 피칸 & 호두 정과를 추천드려요. 선별된 견과, 유기농 설탕과 소금, 해바라기유만 사용한 건강한 제품이라 어린 아이부터 어르신까지 안심하고 먹을 수 있답니다! 시중에 파는 간식들과 달리 화학 첨가물 걱정 없이 드실 수 있어서 부모님께 선물하기에 정말 완벽한 선택이었어요. 📦 상품 패키지 🥜 상품 정보 및 영양 정보 Check! .. 2025. 8. 30. [React Native] 시작해보기 React Native 공부를 시작해 보자지금까지 웹 개발을 해오다가, 앱 개발에 대한 관심이 생겼다. '센서, 카메라, GPS 등 모바일 기기 하드웨어를 사용한 서비스를 한 번 만들어보고 싶다!', '모바일 시대에 앱개발은 한 번은 해봐야지!' 란 생각이 들었다. 지금부터 당찬 포부를 가지고 시작해보자! React Native 원리를 이해해 보자그럼 왜 React Native를 선택했는가? 를 먼저 이야기해 보자면 우선 React.js로 웹 개발을 해왔기 때문에 앱개발에 대한 장벽이 조금 낮지 않을까란 기대로 선택하게 되었다. 웹의 경우 React.js와 react-dom 패키지와 함께 웹 앱을 구축하게 되는데, 앱은 React.js와 React Native를 이용해서 모바일 앱(iOS, Android.. 2024. 8. 12. '오늘 하루 그만 보기' 정보는 어디에 저장이 될까? 우리는 웹 사이트에 접속했을 때 종종 모달창을 마주한다. 그리고 하단에 '오늘 하루 그만 보기' 란 버튼을 클릭한 경험이 있을 것이다. 나는 오늘 하루 그만 보기를 클릭하면, 브라우저에서는 어떤 일이 일어나는지 정리를 해보려고 한다. '오늘 하루 그만 보기'가 있는 모달에서 예상 되는 유저 플로우는?! 유저 플로우를 생각해 보면 아래와 같다. 다시 동일한 날짜에 새 탭으로 동일한 사이트에 들어갔을 때 우리가 예상하는 플로우는, 아래와 같이 예상 된다. 그렇다면! 브라우저는 어떻게 이 유저가 '오늘 하루 그만 보기'를 클릭한 유저인지 알 수 있을까? 즉, 브라우저에서 데이터를 어떻게 주고 받고 있을까?여기서 우리는 HTTP 프로토콜 개념을 알아야 하는데, HTTP는 서버와 클라이언트가 서로 소통(요청/응답.. 2024. 7. 22. [React + Typescript] SelectBox Component는 어떻게 만드는게 좋을까? 사이드 프로젝트를 시작할 때 당장 정해진 디자인이 없다면 빠르게 시작할 수 있는 MUI와 같은 컴포넌트 라이브러리를 선택하는 것이 좋다. 실무에선 디자인 시스템이 있는 회사라면 딱히 고민 없이 FE 개발을 시작할 것이다. 위와 같은 경우가 아니라면 나와 같이 직접 컴포넌트를 처음부터 만들어야 할 것이다. 그런데 막상 '어떻게 시작하지?', '어떻게 재사용할 수 있는 컴포넌트를 만들지?'와 같은 고민 속에 빠져 쉽사리 코드를 치지 못하고 시간만 보낼 수도 있다. 우선 나는 만들고 고치고 만들고 고쳐보자란 마음으로 시작을 하였고 그 첫 기록을 남겨보려고 한다. 여러 가지 컴포넌트 중 SelectBox를 첫 번째로 만들어보았다. 1. SelectBox 기본 디자인 요소는 뭐가 있을까우선 기본 디자인으로 아래와.. 2024. 6. 16. [React] 나의 프로젝트에 맞는 state 상태관리는? - Context 편 React를 공부하고 스스로 프로젝트를 만들다 보면 점점 규모가 커지고 컴포넌트 구조가 복잡해지면서 관리해야 할 state 값이 많아질 것이다. 이쯤 우리는 상태 관리를 어떻게 해야 할까, 구조에 대해 고민에 빠지게 되는 것 같다. 함수형 컴포넌트 로컬 상태만 관리할 때는 우리는 useState 훅을 사용할 것이다.import React, { useState } from 'react';function Counter() { const [count, setCount] = useState(0); return ( Count: {count} setCount(count + 1)}>Increment );}export default Counter; 다만 프로젝트 규모가 커졌을 때.. 2024. 5. 31. 이전 1 2 3 4 다음
