비전공 개발자

주말에 강연을 들으러 수서역 근처를 지나는 길에 점심으로 제레미버거를 방문했습니다! 수제 버거로 유명한 제레미버거! 수서역에도 체인점이 생겼는지 몰랐네요 ㅋㅋㅋ 수서역에서 5분 정도 걸었던 거 같아요! 큰 도로 쪽이 아니라 그 반대 골목에 있으니 참고하시구요 ~ 내부로 들어가니! 뭔가 갬성이 충만해지는 기분이네요 ㅋㅋㅋ 늦은 주말 점심이라 손님이 많이 없어서 좋았어요! 다른 블로그 글에서는 웨이팅이 있다고 했는데 바로 먹었네요! ㅎㅎ 사장님이 음악에 관심이 많으신듯해요 선곡도 넘나 좋고 이렇게 음악과 관련된 인테리어들이 많았어요! 저는 나중에 알았지만 'Here, I Stand For Uou' 신해철 씨의 노래 제목이라고 하네요 둘이서 왔는데요 머쉬룸 바베큐, 필리 치즈 스테이크, 벨기에 프라이 이렇게 ..

오리역에서 점심을 자주 먹다 보니 슬슬 웬만한 음식점들은 다 한 번씩 가본 거 같은데요 ㅠㅠ 정처 없이 떠돌다가 지나가는 길목에! 이런 테이블을 발견했습니다 ㅋㅋㅋㅋ 옆에 일식집에 돈가스를 먹으러 가려다가 꽉 차서 나오는 길이었는데 ㅠㅠ 이렇게 돈가스를 세팅한 테이블이 덩그러니 놓여있네요 ㅋㅋㅋㅋ 웬 호프집 앞에 이런 테이블이 있나... 누가 잠깐 두고 갔나 했는데 호프집을 들여다보니 사람들이 돈가스를 먹고 있었습니다!! 오 신선하다 하면서 사람들과 함께 들어갔습니다 ㅋㅋㅋ 한 번도 들어가 본 적 없는 호프집에 돈가스를 먹으러 들어가니 신선했네요 ㅋㅋㅋ 내부 모습은 이렇습니다. 전형적인 맥주집 느낌이네요 ㅋㅋㅋ 점심부터 맥주가 한잔 하고 싶어 졌지만! 참았습니다ㅠㅠ 괜찮은 안주들도 많이 파는 거 같고, ..

오리역 3번 출구 근처에서 점심을 자주 먹는데요! 언제나처럼 오리역 3번 출구에서 점심을 먹으려고 식당을 찾던 중에 생고기 대학교를 가게 되었습니다. 옆에 짬뽕지존을 자주 가는데 생고기 대학교에서도 한번 먹어보자고 말을 자주 했었는데 드디어 먹게 되었네요 ㅋㅋㅋ 밖에서 보면 잘 안보이는데 내부가 생각보다 넓어요 ㅋㅋㅋ 무한 리필 고기를 먹어야 한다면 회식장소로도 나쁘진 않습니다! 사실 점심 특선을 먹으러 간거였는데 갑자기 고기가 먹고 싶어서 급 고기를 굽게 되었습니다 ㅋㅋㅋㅋ (역시 평일과 같이 회사에서 힘이 나지 않을 때는 고기가 진리...) 고기 무한리필에는 다양한 메뉴가 있는데요! 저는 갈비를 좋아해서 돼지양념 무한리필을 먹었습니다 1인 14,900원이네요 ㅋㅋㅋ 무한 리필 고기상입니다! 계란, 찌..

평소에 마카롱을 즐겨먹는데요! 제가 자주 지나치는 오리역에는 마카롱집이 없습니다 ㅠㅠ 그러던중 이렇게 새로운 마카롱집이 생겼네요! 젤카롱이라는 카페고 마카롱과 젤라또를 같이 파는 곳입니다 ㅋㅋㅋㅋ 현관부터 너무나도 핑크핑크해서 발걸음이 좀 망설여졌네요... ㅋㅋㅋ 하지만 마카롱을 좋아하므로 바로 들어갔습니다!! 내부로 들어가니 훨씬더 핑크핑크하네요 ㅋㅋㅋㅋ 손님들은 대부분 여성분들이었습니다 컨셉이 핑크에 꽃 인테리어였는데 제 취향은 아니지만 이뻤어요!ㅋㅋㅋ 젤카롱의 마카롱과 젤라또입니다!! 마카롱 맛 종류가 엄청 많고 화려합니다 ㅋㅋㅋ 가격은 다 달랐는데 한 개당 대략 2700원 정도 했던거 같아요 저렴한 가격은 아니네요 ㅠㅠ 하지만 오픈 행사중이었기 때문에 여러 개를 주문해서 먹어봤습니다 젤라또는 다음..

이어서 Grid 실습을 진행한다. 이전에는 내부 컴포넌트에 xs 속성만 설정하였는데 이렇게 하면 화면 크기에 따라 내부 컴포넌트들의 크기와 배치를 변경할 수 없다. 각 화면에 따라 차지할 그리드의 갯수를 다르게 하면 화면 크기에 따라 변경이 가능하다. 다음과 같이 예제를 작성하였다. GridTutorial2.js import React, { Component } from 'react'; import { withStyles } from '@material-ui/core/styles'; import Paper from '@material-ui/core/Paper'; import Grid from '@material-ui/core/Grid'; const styles = theme => ({ root: { pa..

Material-UI에서 제공하는 Grid 컴포넌트 실습을 진행한다. Grid 컴포넌트는 화면의 크기에 따라 컴포넌트의 배치와 크기를 변경하는 기능을 제공한다. 기본적으로는 세로로 12칸을 기준으로 하며 컴포넌트의 lg, md, sm, xl, xs 속성에 따라 너비와 위치가 결정된다. 또한 특정 컴포넌트가 이전 컴포넌트 다음 여백에 들어갈 만큼의 크기라면 바로 옆에 위치하고 그렇지 않다면 다음 줄에 위치하게 된다. 좀 더 직관적으로 이해하도록 예시를 작성하였다. Paper라는 컴포넌트를 Grid를 이용하여 배치하였다. GridTutorial1.js import React, { Component } from 'react'; import { withStyles } from '@material-ui/core/..

Material-UI에서 제공하는 컴포넌트를 이용할 때 색을 설정하는 방법은 여러 가지가 있다. 1. 인라인 스타일을 이용 하는 방법 가장 쉽게 적용하는 방법으로 태그 내부에 스타일 속성을 이용하여 색을 설정. 2. .css 파일을 이용하는 방법 .css 파일에서 특정 클래스에 스타일이 적용되도록 작성하고 태그에서 해당 스타일이 적용되도록 클래스를 설정. 3. Material-UI의 withStyle을 이용하는 방법 이전 글에서 설명하였음. https://jongbeom-dev.tistory.com/31 [Material-UI 실습] 4. Style (1) - withStyles Material-UI 컴포넌트에서는 스타일을 적용할 때 스타일 패키지를 이용한다. 물론 CSS를 작성하여 className을 ..

예전에 진대감 분당점에서 차돌 삼합을 먹고 리뷰까지 올렸었는데요! 네... 저도 그립더라고요 (아련) 그 이후에도 먹었던 차돌 삼합이 계속 생각나서 이번에는 직접 차돌 삼합을 해 먹었습니다!! 차돌 삼합으로 배를 채우고 싶었는데 밖에서 먹으면 끝도 없어서 이번엔 직접 도전했어요 ㅋㅋㅋ 직접 여기저기서 사서 먹기는 귀찮아서 마켓컬리로 재료를 주문했습니다. 이렇게 차돌 삼합에 같은 재료를 준비했습니다. 차돌박이가 냉장이면 더 좋았겠지만 품절이라 냉동을 먹었네요 주륵... 하지만 맛있었으니까 결론적으론 상관없었습니다 ㅎㅎㅎ 사실 차돌 삼합이 쫙쫙 펴져 있어서 거기에 관자와 버섯을 싸 먹는 맛이지만 약간 불고기처럼 볶아졌네요 ㅋㅋㅋ 하지만 맛에는 전혀 지장 없다는 거~ 마지막으로 God김치입니다. 정말 갓입니다..

Material-UI 스타일 패키지를 이용해서 스타일을 적용할 때 Theming을 사용하는 방법도 있다. Thme은 제작하는 어플리케이션의 전체적인 테마를 의미한다. 각 테마에 맞게 theme을 설정하며 아무 설정이 없다면 default theme을 사용한다. 이전의 withStyles는 컴포넌트의 스타일을 적용하는데 사용하고, theme은 어플리케이션의 전체적인 스타일을 적용하는데 사용한다. 이전과 같은 예제 화면이지만 theme을 이용하여 구현하도록 코드를 작성하였다. theme은 StyleTutorial2.js에서 설정하였고 이를 StyleTutorial2Inner.js에서 받아 스타일을 적용하도록 구현하였다. StyleTutorial2.js import React, { Component } fro..

Material-UI 컴포넌트에서는 스타일을 적용할 때 스타일 패키지를 이용한다. 물론 CSS를 작성하여 className을 설정해서 스타일을 적용하거나 style 속성에 직접 작성하여 스타일을 적용해도 된다. 스타일 패키지를 이용하면 여러 가지 장점이 있는데 작은 개발 프로젝트를 하는 단계에서는 아직 체감하기는 어렵다. 스타일 패키지를 이용하기 위해 다음과 같이 명령어를 입력하여 설치한다. npm install @material-ui/styles 스타일 패키지는 스타일을 적용시키는 세 가지 방법을 제안한다. Hook API를 사용하는 방법, Styles Components API를 사용하는 방법, HOC(Higher-order component) API를 사용하는 방법이다. 아직 이해한 방법은 HOC(..