전체보기32 [서울대입구 맛집] 파스타와 리조또가 맛있는 모힝 서울대입구역 근처에서 운영 중인 모힝 이탈리안 음식점을 다녀왔습니다. 주말에 방문하시는 경우 예약이 가능하니 창가 자리가 뷰가 좋아서 예약도 추천드립니다. 모힝은 서울대입구역 2번출구에서 5분 정도 소요됩니다. (주차 공간은 따로 없으며 근처에 길목이 좁아 차를 가져오시는건 비추천드립니다.) 가게에 입장하면 점원분이 자리를 안내해주십니다. 주말에 방문하니 창가자리는 예약이 되어있어서 바 자리로 안내받았습니다. 메뉴는 가게의 메뉴판에는 파스타와 세트메뉴를 추천하고 있었습니다. 저는 지글지글 게살치즈크림파스타(추천메뉴) + 우마왕 리소토 + 가펠퀼쉬 병맥주(1병)를 주문하였습니다. (총 41,000원) 3분 내로 식전 빵과 가펠퀼쉬 맥주가 나왔습니다. 맥주.. 거품이.. 처참 6~7분정도 후에 주문한 메뉴가.. 2022. 4. 24. [React] 서버리스 메모앱-3 해당 글은 [React] 서버리스 메모앱-2와 이어집니다. 이번 글에서는 AWS Cognito 로그인, 세션, 로그인&로그아웃에 대해서 작성을 하였습니다. AWS Coginto로 로그인 이전에 설치해둔 AWS Amplify를 통하여 Cognito 설정에 로그인을 진행해보자. src/containers/Login.tsx 파일에서 Auth 모듈을 추가해주자. import { Auth } from "aws-amplify"; // 상단에 추가 다음은 handleSubmit() 함수를 아래처럼 변경해주자 async function handleSubmit(event: any) { event.preventDefault(); try { await Auth.signIn(email, password); alert("로그인.. 2022. 4. 24. [신대방 카페] 브런치와 디저트가 맛있는 카페 사생활 신대방역 근처에서 운영 중인 사생활 카페를 다녀왔습니다. 사생활 카페는 2호선 신대방역 1번 출구에서 도보로 5분 정도 소요됩니다. 카페에 입장해서 자리를 잡고 입구 쪽에서 키오스크로 주문이 가능합니다. 카페 자리는 벽 쪽에 바 형식의 자리와 가운데에 테이블 자리로 나뉘어 있습니다. (대략 20석) 자리마다 콘센트가 구비되어있어 노트북 작업을 하기에도 좋아 보였습니다. 저는 바 쪽 자리에 자리를 잡고 스카치 에그 브런치 + 아메리카노 + 콜드브루 라떼 + 까눌레를 주문하였습니다. (총 19,900원) 한 10분 정도 대기하니 카페 점원분께서 커피, 음식, 디저트 순서로 주문한 메뉴를 가져다주셨습니다. 스카치 에그 브런치는 샐러드는 신선했고 뿌려져 있는 소스와 맛이 잘 어울렸습니다. 스카치 에그도 찍어먹는.. 2022. 4. 23. [용산 전쟁기념관 전시회] 투탕카멘 파라오의 진실 용산 전쟁기념관에서 전시 중인 투탕카멘 파라오의 진실을 체험하고 왔습니다. 투탕카멘은 2022년 4월 24일(일요일)까지 전시회가 진행됩니다. 티켓은 예약해서 현장에서 수령하거나 아니면 직접 현장 구매도 가능합니다. 저는 바로 전날에 티켓 두장(38,000원)을 예매하였고 티켓은 현장에서 수령했습니다. 전시회장에 입장하기 전에 티켓을 미리 수령해야 하니 참고하시면 좋을 것 같습니다. 티켓을 끊고 전시회에 입장하시면 각 구역마다 설명을 들을 수 있는 오디오 가이드를 받으실 수 있습니다. 오디오 가이드가 생각보다 자세하게 설명이 잘되있어서 작품을 감상하면서 이해하는데 많은 도움이 되었습니다. 처음에는 입구 근처에서는 가족단위로 오신분도 많고 어린아이들도 많아서 전시회가 재밌는 내용 위주로 이루어져 있을 줄 .. 2022. 4. 21. [React] 서버리스 메모앱-2 해당 글은 [React] 서버리스 메모앱-1와 이어집니다. 이번 글에서는 리액트 라우터에, AWS Amplify, 로그인 폼에 대해서 작성을 하였습니다. React 라우터 설치 Create React App은 기본적으로 많은 것을 설정해주지만 경로를 처리하는 방법은 제공되지 않는다. 현재 구성중인 React 앱은 단일 페이지로 동작하기 때문에 React Router 를 사용하여 이를 처리해보자. React Router를 사용하면 /login 처럼 경로를 지정할 수 있으며 사용자가 해당 페이지로 이동할 때 로드되어야 하는 React Component를 지정할 수 있다. 터미널에서 frontend/ 경로가 맞는지 확인 후 아래 명령어를 실행하자 npm install react-router-dom@5.2.0 .. 2022. 4. 18. [React] 서버리스 메모앱-1 해당 글은 [AWS] 서버리스 스택-4와 이어집니다. 이번 글에서는 리액트 프론트엔드 구성에 대해서 작성을 하였습니다. 우리는 React.js를 사용하여 SPA 웹 애플리케이션을 생성할 계획이다. Create React App 프로젝트를 사용하여 기초적인 설정이 되어있는 상태에서 진행한다. Create React App은 React팀이 공식적으로 지원하며, React.js 프로젝트의 모든 의존성을 편리하게 미리 패키징 해준다. 터미널에서 프로젝트의 최상위 경로에서 아래 명령어를 실행하여 Create React App(CRA) 프로젝트를 생성해주자. npx create-react-app frontend --scripts-version 4.0.3 --template typescript --use npm cd.. 2022. 4. 17. 이전 1 2 3 4 5 6 다음
