전체 글 (165) 썸네일형 리스트형 간단한 홈메이드 얼그레이 그릭 요거트 만들기 그릭 요거트에 한창 빠져있을 나이 스물아홉 얼그레이 그릭 요거트는 원래 숙대 몬스터 플레이스에서 팔았으나, 단종되는 바람에 직접 만들어보기로 합니다. 🙊 준비물 : 마트 그릭 요거트 (950ml) 2개, 홍차 티백 2개, 다이소 30cm 면포 1개 생각보다 간단한 준비물. 그릭요거트는 최대한 대용량 구비해두기! 유청이 빠지고 나면 반으로 줄어드는 기적이 🥲 ♡ 엄청 쉬운 만드는 과정 🍧 1_둥그런 그릇에 체를 올리고 면포를 깔아줍니다. 2_홍차 티백1은 아주 곱게 갈아줍니다. (저는 커피원두를 가는 믹서를 사용) 입자가 크면 홍차맛이 진하긴 한데, 너무 진한 바람에 좀 더 곱게 갈아주는 걸 선택했어요. 3_홍차 티백2는 따듯한 물에서 진하게 우려준 후 (물은 300ml정도면 충분), 식혀줍니다. 4_면포.. [Git Error] error: src refspec master does not match any 에러 문제발생 로컬 저장소에서 작업하고 있는 프로젝트를 깃허브로 push 하는 경우 다음과 같은 메세지가 뜨는 경우가 발생한다. error: src refspec master does not match any error: failed to push some refs to 'https://github.com/repo~' 이유 해당 에러는 깃허브에서 pull 없이 push할 경우 기존 내용을 삭제하거나 하는 문제가 생길 수 있기 때문에, 에러 메세지를 발생시키는 것. 해결 - 1 해당 에러가 발생하면 아래의 순서대로 다시 명령어를 입력. 새로운 깃 리파지토리를 init하고, 다시 push 하는 방법이다. git init git add . git commit -m "message" git remote add ori.. 웹 게임을 만들며 배우는 React 가위바위보 & 로또 추첨기 가위바위보 ✌🏻✊🏻🖐🏻 Before We Begin - 시작하기전 프로젝트 생성 명령으로 'rspname'이라는 리액트 프로젝트를 만들어준다. 1. 리액트 프로젝트를 생성하는 create-react-app을 -g 글로벌 옵션으로 설치 npm install -g create-react-app 2. rspgame이라는 프로젝트를 생성 (※리액트앱은 대문자로 네이밍을 할 수 없다고 계속 에러를 던져서 소문자로 변경해주었다.) create-react-app rspgame 리액트의 LifeCycle 일생기 컴포넌트가 실행되거나 업데이트되거나 제거될 때 특정한 이벤트들이 발생된다. (componentDidMount(), componentDidUpdate() 등등) 더보기 https://www.youtube.com/.. [토이프로젝트] XD디자인 와이어프레임부터 출시까지 -3 오늘로서 마지막 XD수업을 마치게 되었다. 5회차 끝 (짝짝짝👏🏻) 👾 로직구현은? 현직 개발자지만 전직 디자이너 출신이라 시각적인 효과나 사용자 경험(UX)에 비중을 크게 두는 편이라 이 앱의 본질을 자꾸 흐린다는 생각을 (버스타고 오는 출근길에) 했다. 그래서 self 감정앱의 효과적인 로직을 생각하면서 (욕심쟁이 알고리즘 분할정복 알고리즘) 그럴 필요 없이 아래와 같은 브런치글을 참고해서, 이미 나와있는 심리테스트의 로직을 따와 재정립하면 될 것이라 생각한다(!) https://brunch.co.kr/@theciriz/13 맥북 프로 2021 출시일, 사양, M1X M2 작년 2020년 맥북 모델 라인업만 봐도 맥북 프로는 기존 디자인은 유지했었는데, 올해 2021년형부터는 새로운 디자인을 도입해 출시가 된다. 주요 변화로는 기존 13인치에서 14인치로 (아마도 측면 베즐이 조금 더 작아지는 방식으로) 새롭게 재탄생된다는게 확실시 되면서 나도 고민이 하나 줄었다. 13인치는 너무 작고 16인치는 너무 커...(비싸) 확실히 13인치 에어를 7년째 쓰고 있는 나로썬 듀얼 모니터로 집에서 작업하긴 하지만, 성능은 둘째치고 코딩이나 넷플릭스 볼 때도 화면이 비좁은 느낌은 항상 있었는데 그래서 휴대성은 떨어지더라도, 내가 필요한 사양을 추려보자면 화면이 큰 (13인치보다는 UP) 최소 512G의 SSD 저장 장치 (디자인툴과 개발IDE 등등) 애플 코어 (쓸수록 마음에 드는 M.. [롯데시네마] 쫄보들의 겁쟁이 상영회, 랑종리뷰 곡성을 재밌게 봐서 기다리고 있던 (유튜브에서 리뷰와 해석만 찾아봤던) 영화 [랑종] 나는 겁쟁이가 아니지만 조이가 갭쟁이였기 때문에, 겁쟁이 상영회 예매! 영등포구청에서 호다닥 7시 잠실 월드타워 롯데시네마 상영시간 맞춰서 뛰어갔다. 상영관은 13관이었는데, 들어가기전에 직원분께서 신분증 확인과 QR체크, 발열 등 확인 후 겁쟁이들을 위한 이어플러그를 나눠주셔서 받고 입장! 7시를 살짝 넘겨 들어가서 자리에 앉자마자 바로 상영이 시작한 듯 했는데, 영사기를 쏴서 스크린을 비추는 게 아닌 LED 스크린 방식이라 딱 어느정도 밝기였냐면 일반 영화관에서 소등 전 그 광고타임 정도의 빛? 불을 환하게 비추는 게 아니여서 영화에 집중을 할 수 있어서, 거슬리지 않고 적당했다. 역시 겁쟁이들만 모아놓은 장소여서 .. [리액트]따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기2 YouTube 구독 기능을 만들어보자 1. Subscriber Model 만들기 - MongoDB의 userTo, userFrom 스키마 만들기 (Model → Subscriber.js 파일 생성) 2. Subscribe Button UI 만들기 /* 단순한 예로 이렇게 만들어서 function을 줄 순 있지만 직관성을 위해 컴포넌트화 시켜준다. */ 이렇게 Sections → Subscribe.js 페이지를 생성하여 Subscribe를 컴포넌트화해서 VideoDetailPage.js에서 import 해준다. 3. 데이터베이스에서 구독 정보 가져오기 Subscribe의 컴포넌트에서 useEffect hooks를 사용해 이 유저의 구독 정보를 가져오고 싶다면, VideoDetailPage에서 Video.w.. [리액트]따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기1 #3 비디오 업로드 FORM 만들기1 REDUX EXTENSION 리덕스란 무엇인가? → 언제나 공식문서 참고하기. ※ Fundemental 부터 시작 https://react-redux.js.org/tutorials/quick-start Quick Start | React Redux react-redux.js.org What is Redux? 리덕스는 무엇인가? 리덕스는 패턴이자 라이브러리이면서 "액션"이라는 이벤트를 사용하여 성능 상태를 업데이트한다. 리덕스는 전체 어플리케이션에서 상태를 위한 중앙집권된 저장소 역할을 해주는데, 예측가능한 형태로 상태가 업데이트가 되는 규칙을 세워준다. 리덕스는 "글로벌" 상태관리를 위해 쓰이면서 항상 필요한 것은 아니기때문에, 필요에 따라 알맞게 사용하면 된다. R.. 이전 1 ··· 16 17 18 19 20 21 다음
