분류 전체보기
-
CSS display flex에 대해 알아보기Web-app/CSS 2023. 10. 27. 14:18
mozilla 사이트를 참조하여 display 옵션 중 flex에 대해 알아보았습니다 👩💻 flex layout이란? 1차원 layout model을 설계하는 layout module (row 또는 column을 다룸), 2차원 layout model을 다루는 grid layout과 대조적이며 항목간 공간 배분 및 정렬 기능을 제공합니다. ✔ flexbox 정의 방법 부모 container에 display: flex; 를 써줍니다. children은 flex item이 됩니다. container1 container2 container3 .container{ display: flex; flex-direction: column; } .box{ border: 3px black solid; padding: 8..
-
용인 보정동 카페거리 맛집 일본가정식 요루히루일상/맛집 2023. 10. 24. 20:50
정갈한 일본가정식 식당, 연어동과 돈카츠 정식이 맛있었던 보정동 카페거리 요루히루 친구랑 같이 죽전에 카페거리 간날 첨가보는건데 넘 잘꾸며져 있습니다 예쁘군요!! 카페거리에서 맛집찾다가 발견한 요루히루 일본가정식 요리 전문점입니다 난다 냄새 일본냄새!! 인테리어도 잘해두셨습니다 나무나무하면서 따뜻한 너낌 요루히루 메뉴 이곳의 특별한 메뉴 교토지방의 일본 가정식 오반자이가 있는데 마싯어보였지만!! 저희는 돈가츠정식과 연어동 먹어보았습니다 사시미와 탕, 요리류도 있어 술마시면서 먹기도 좋겠군뇨! 주문하고 사장님이 가져다주신 연어동 사장님 정말 친절하십니다!! 연어동 한상 정말 정갈하쥬? 연어도 신선했습니다 연어가 아주 신선해서 말할것도 없고 무순과 양파도 잔뜩주십니다 밥도 꽤많아서 간장과 날치알과 밥은 비비..
-
CSS font 중요한 property에 대해 알아보기Web-app/CSS 2023. 10. 22. 08:25
Mozilla 홈페이지의 font에서 중요하다 생각되는 property에 대해 공부해보았습니다. font-family 하나 이상의 font family 이름 또는 generic family 이름으로 이루어진, 우선순위가 정해진 리스트 리스트 아이템은 콤마로 구분되며, 첫번째 font가 가장 큰 우선순위를 가지며 설치되 있거나 @font-face에서 다운로드되면 가장 먼저 선택됩니다. 최소 하나의 generic family가 들어 있어야 하며, 필요할 때 generic family font를 대안으로 브라우저가 사용하게 합니다. @import url("http://~~google font url (Roboto)") body{ font-family:'Roboto', sans-serif } 만약 Roboto가..
-
수내역 맛집 숯불에 돼지고기를 구워먹을 수 있는 한점의 희열 수내돈!일상/맛집 2023. 10. 15. 21:04
숯불에 구워진 제주돼지가 맛있는 곳 한점의 희열 수내돈 수내역에 클라이밍하고 저녁 머구로 간날 맛있는 고기집을 찾던 중 이곳을 발견했읍니다 토욜 저녁 5시 45분쯤 방문했는데 예약 없이 방문했는데 다행히 자리가 있었습니다 6시 20분쯤 되니까 바 자리까지 꽉꽉 찹니당 메뉴판은 소심하게 찍었는데 이 모둠세트! 주문해보았습니다 다양한 고기를 맛볼수 있고 김치찌개나 된찌도 후식으로 시킬수 있어서 참 좋았음니다 찌개류는 밥 하나도 같이 나온다고 하셨고만요! 그 밑에 와인세트도 좋아보이쥬? 단품메뉴도 많았습니당 물은 맹물 아니고 고소하고 시원하니 맛있었슴니당 시원한 콩나물탕도 나옵니당 너무 쫄이면 짜지니 주의합시다 반찬류도 다양하게 나옵니당 명이나물에 고추찌에 와사비 조합으로 고기와 같이 먹으면 참맛있읍니다 파채..
-
CSS 상대단위 rem, em 알아보기 & viewport 에서의 단위 vw, vh, vmin, vmax 알아보기Web-app/CSS 2023. 10. 13. 21:03
rem, em rem (root em) root element의 font size를 나타내는 단위로, 1rem은 html element의 font size와 동일. 일반적으로 16px이 default 값으로, 브라우저의 글꼴 크기 설정에 따라 1rem 의 값은 달라지게 됩니다. 크롬에서 설정 페이지를 들어갔을 때 일반적인 글꼴 크기는 중간, 권장상태로 되어 있습니다. 이 중간 상태에서 font-size값은 16px. 만약 설정을 아주 크게로 변경하면 24px로 바뀝니다. 즉 이때 1rem은 24px이 됩니다. 크롬에서 글꼴 크기 설정에 다른 font-size default 값은 다음과 같습니다. 글꼴 크기 설정 아주작게 작게 중간 크게 아주크게 1rem 10px 12px 16px 20px 24px em ..
-
다카마쓰 우동 밀키트 후기 ~치쿠세이 우동 편~취미/요리 2023. 10. 11. 20:34
다카마쓰 우동 밀키트 후기✅ 2인분 ✅ 치쿠세이 가게에서 540엔 ✅ 23년 7월 구입, 소비기한 23년 10월 17일 ✅ 면은 가늘고 부드럽고 가벼운 맛! 쯔유는 짭잘한 맛! 👉 아쉽지만 밀키트는 자이고우동이 더 맛있군요! 일본 다카마쓰 기념품 후기 ~ 다카마쓰 우동 밀키트 자이고우동 혼케 와라야 편 ~다카마쓰 기념품 우동밀키트자이고우동 혼케 와라야편 준비물 👉 자이고우동 혼케 와라야 밀키트 👉 각종 토핑 (청경채, 가쓰오부시, 우삼겹, 연겨자, 시치미) 소요 시간 : 30분우동밀키트 3개 yigeotjeogeot.tistory.com오늘은 다카마쓰에서 사온 치쿠세이 우동 밀키트를 먹어보았습니다 면만드는 아조씨 친절하셨는데 추억이 새록새록 하고만요 뒷면은 조리안내와 소비기한이 적혀있네요! 7월에 사왔는..
-
여주 맛집 천서리 막국수촌 강계봉진막국수 편육과 비빔막국수가 맛있는 곳일상/맛집 2023. 10. 10. 20:58
여주 천서리막국수촌 원조 맛집 편육과 매운비빔막국수가 맛있는 강계봉진막국수 당남리섬이 코스모스가 폈다고 해서 놀러간날 이 주변엔 천서리막국수촌이 있읍니다 가장 유명한 곳이 이곳 강계봉진막국수 였는데 백종원의 3대 천왕에도 나왔다고 헙니다 강계봉 진 막국수인지 강계 봉진 막국수인지 궁금했는데 차 네비게이션으로 검색하면 봉진막국수인걸 보니 강계 봉진 막국수 인가봅니다 ㅋ_ㅋ 이날은 한글날이었는데 고 담날이 출근날이라 그런가 웨이팅은 없었읍니다 원래 웨이팅도 해야한다고 많은 리뷰에서 보았는데 개이덕입니다 이렇게 주차장도 넓게 있구욤 뒷편에도 이렇게 넉넉하니 많습니다 가게앞 주차방도 자리가 많습니다 주차 걱정 노노입니다 강계봉진막국수의 메뉴! 심플하게 막국수와 편육을 팝니다 저희는 둘이서 ✅비빔막국수 ✅물막국수..
-
CSS background 에 image 넣기 & 옵션 설정하기Web-app/CSS 2023. 10. 9. 20:55
홈페이지에 배경 이미지를 이용해서 꾸미고 싶을 때 옵션들을 조정해보았습니다. background-image를 사용해서 간단한 가라 화면을 만들어보았읍니다. background-size background-position background-origin background-clip 에 대해서 알아봅시다! navigation bar content content * { box-sizing: border-box; } body{ margin: 0; } .nav{ background: black; color: white; position: fixed; top: 0; width: 100%; height: 50px; } .container{ margin-top: 50px; background-image: url("./..