반응형 분류 전체보기387 [CSS] 프레임 비율 자동 조절 (aspect-ratio) 📌 aspect-ratio◽ html aspect-ratio: 16 / 9 aspect-ratio: 21 / 9 aspect-ratio: 4 / 3 aspect-ratio: 1 / 1 aspect-ratio: 2 / 1 aspect-ratio: 3 / 1 9 / 16 ◽ css.frame {}.frame div,.frame div { border: 5px solid; margin: 10px; padding: 20px; width: 400px;}.frame div:nth-child(1) { aspect-ratio: 16/9;}.frame div:nth-child(.. 2025. 5. 2. [CSS] 반응형 텍스트 사이즈 자동 조절 📌 clamp 함수: clamp(최솟값, 가변값(선호값), 최댓값)미디어쿼리를 쓸거라서 viewport를 넣어줘야 한다.meta:vp 입력하면 자동완성이 뜨고,이렇게 넣을 수 있게 된다.@media (max-width: 1200px) { h1 { font-size: 80px; }}@media (max-width: 900px) { h1 { font-size: 60px; }}@media (max-width: 600px) { h1 { font-size: 40px; }}이렇게 여러개로 쪼개서 적어줘야 하는 걸h1 { font-size: clamp(30px, 5vw, 100px);} clamp로 해결할 수 있다. 페이지가 아무리 줄어들어.. 2025. 5. 2. [CSS] 글씨에 테두리 적용 📌 글씨에 테두리 적용◽ text-stroke Hellohtml 이렇게 작성해주고 body { font-weight: 300; display: flex; justify-content: center; align-items: center; height: 100vh; background-color: #205f1042;}.heading { margin: 0; font-size: 5em; /* -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: #fff; */ -webkit-text-stroke: 2px #fff; color: transparent;}css 이렇게 작성해주면 2025. 5. 2. [VS Code] 비주얼 스튜디오 코드(Visual Studio Code) 필수 Extension 설치 및 사용법 📌 필수 Extension 설치 및 사용법 ◽ Auto Rename Tag: 시작 태그를 바꾸면 뒤에 마감 태그를 자동으로 바꿔줌 마켓플레이스 > auto rename tag 검색 > 설치 시작 태그를 바꾸면 자동으로 마감 태그도 바뀌게 된다. ◽HTML CSS Support: CSS에 사용된 선택자를 HTML에서 자동완성 해줌(css → html)마켓 플레이스 > html css support 검색 > 설치 css class 네임이 자동완성 되어 뜬다. ◽HTML to CSS autocompletion: html에 사용된 선택자를 css에서 자동완성 해줌(html → css)마켓 플레이스 > html to css autocompletion 검색 > 설치 html에서 작성한 css class 가 c.. 2025. 5. 1. [대전/덕명동] 유성구 수통골 한식 오리훈제 순두부찌개 바지락칼국수 백반 맛집 '천우가든' 📌 천우가든✔️ 대전 유성구 덕명동 172-2순두부찌개 먹으러 덕명동 천우가든에 갔다. 영업시간은매달 세번째 수요일 정기휴무,월-일 11:00 - 20:30 (14:30 - 17:00 브레이크타임) 이다. 주차는 가게 앞 주차장에 하면 된다.천우가든 내부는 단체손님이 이용해도 문제없을 만큼 넓다. 오리전문식당으로 동충하초 오리백숙을 토대로 직접 기른 야채를 사용한다고 한다.등산객과 학생을 위해서 저렴한 가격으로 순두부찌개와 바지락 칼국수를 하고 있다고 하니 가성비도 좋다.천우가든 메뉴에는 오리훈제, 백숙, 닭볶음탕, 순두부백반, 청국장, 바지락칼국수 등이 있다. 우리는 해장을 위해 순두부백반 먹기로 했다.기본 반찬이 이렇게 여러가지 나오고,순두부찌개는 이렇게 나온다.칼칼하고, 시워어언해서 해장하기 너무.. 2025. 3. 5. [경산/사동] 분위기 좋은 파스타 스테이크 양식 맛집 '덕수파스타' 📌 덕수파스타✔️ 경북 경산시 박물관로 19경산 양식 맛집 덕수파스타에 갔다.내부 엄청 깔끔하고 분위기 좋았다. 영업시간은월-일 11:00 - 21:00 (20:00 라스트오더) 이다. 가게 앞에 주차장 있다.단체이용, 예약, 대기 가능하다. 파스타는 담백하고 간이 세지 않아서 좋았다.호불호 없이 먹을 수 있는 맛이었다.필라프도 양도 적당하고 맛있었다.메뉴들이 가성비 좋고, 대부분 맛있어서 좋았다.그리고 스테이크 주문하면 불쇼 볼 수 있다.맛도 굳굳맛도 좋고 가성비도 좋고 단체로 모임하기도 좋고 데이트하기도 좋은덕수파스타 추천합니당~@~~!! 2025. 3. 5. [대전/덕명동] 모임하기 좋고, 노트북하기도 좋은 예쁜 카페 커피 휘낭시에 소금빵 맛집 '아름다운인생' 📌 아름다운인생✔️ 대전 유성구 덕명동 506-1덕명동에 있는 예쁜카페 아름다운인생에 갔다. 영업시간은 월 정기휴무화-금 10:00 - 19:00토-일 10:00 - 17:00 이다.근데 예약 시, 마감시간 이후, 월요일 이용이 가능하다고 한다. 주차는 근처 골목에 하면 된다.내부에 자리도 많고, 큼직큼직해서 편하게 커피 마실 수 있었다.곳곳에 예쁜 소품들도 많고 빛도 예쁘게 들어와서 정말 평화로웠다. 그리고 사장님 부부 너무너무 친절하시고 서비스도 좋아서 기분이 좋았다.예쁜 그릇이나 컵도 많아서 커피 디저트 맛이 더 좋아졌다.겨울에 오니 더 예뻐보였던 소품들빵이랑 휘낭시에도 정말 다 맛있어보였다.휘낭시에가 겉바속촉이어야 진짜 맛있는데 여기 휘낭시에 완벽 겉바속촉드립커피 추천해달라고 부탁드리니 너무나도.. 2025. 3. 4. [대전/송강동] 칼국수 만두 맛집 점심추천 양도 많고 맛있는 '공주칼국수쭈꾸미구이 송강점' 📌 공주칼국수쭈꾸미구이 송강점✔️ 대전 유성구 송강동 172-6칼국수 먹으러 공주칼국수 쭈구미구이 송강점에 갔다. 영업시간은화 정기휴무월-일 10:30 - 22:00 (20:50 라스트오더) 이다. 주차는 가게 앞 주차장에 하면 된다.공주칼국수의 대표 메뉴 바지락 칼국수, 쭈꾸미구이, 얼큰이칼국수가 있다.매운거 잘 먹는 분들은 얼큰이 칼국수, 못 먹는 분들은 바지락 칼국수 주문하면 될 것 같다.우리는 왕만두 주문했다.속이 꽉 차있고 칼국수랑 정말 잘 어울리는 맛이었다. 난 매운거 못먹어서 바지락칼국수 먹었는데면이 얇고 쫄깃해서 맛있었고, 바지락도 한푸데기 들어있어서 원없이 먹을 수 있다.일단 그릇부터 양이 한 바가지다. 엄청 배부르게 먹을 수 있다.친구는 얼큰이칼국수 먹었는데 내가 한 입 먹어보니까 살.. 2025. 3. 4. [칠곡/동명면] 흑백요리사 밥집 팔공산 한식 맛집 본점 '엄마밥상' 📌 엄마밥상✔️ 경북 칠곡군 동명면 기성리 651흑백요리사에도 나왔던 팔공산 맛집 엄마밥상에 갔다.주말에 가니까 사람 정말 많았다. 캐치테이블로 예약하고 가는 걸 무조건 추천합니당 영업시간은목 정기휴무월-일 11:00 - 23:30 (15:30 - 17:00 브레이크타임 / 19:00 라스트오더) 이다. 주차장이 크게 있어서 주차장 걱정 하지 않아도 되고, 따로 웨이팅 할 수 있는 공간이 있어서 가서 기다려도 된다. 메뉴에는 굴밥정식, 능이영양솥밥, 엄마밥상, 곤드레정식, 엄마상차림, 추가메뉴 등이 있고 인원수에 맞게 주문해야 한다. 메뉴마다 구성이 다른데 자세하게 적혀있으니 읽어보고 취향대로 주문하면 된다.우리는 엄마상차림을 주문했다.흑백요리사에 나왔던 저 굴전이 너무 궁금해서! 나는 굴 좋아하지도.. 2025. 3. 4. [구미/옥계동] 옥계동 맛집 술집 안주가 맛있는 이자카야 '낼름' 📌 낼름✔️ 경북 구미시 산호대로29길 8-8 1층 이자카야 낼름옥계동 이자카야 낼름에 갔다. 영업시간은 월-일 17:00 - 3:00 (라스트오더 2:00) 이다. 주차공간이 있긴한데 너무 적다.차를 꼭 가져가야 된다면 조금 떨어져있는 주차장에 세우고 걸어가는 것을 추천합니당 우리는 예약을 하고 갔더니 딱 하나 있는 방에 들어갈 수 있었다.가게 내부가 넓지 않고 자리가 많은 것도 아니니 예약을 하고 가는 것이 좋은 것 같다.가자마자 작은 잔에 음료수같은 걸 주시는데 음료수가 아니고 술이었다.상큼하고 넘 맛있었다. 더 마시고 싶어서 더 달라고 부탁드렸는데 알고보니 파는 술이었다더 마시고 싶으면 사먹으면 된다.난 술 마시기 싫어서 신기하게 생긴 이 음료수 마셨는데 뽕따맛났다.나는 술집에서 먹는 방어는 별.. 2025. 2. 20. [진주/동성동] 진주 시내 진주성 근처 소품샵 어디에나 있는 '근처문구점' 📌 근처문구점✔️ 경남 진주시 남강로659번길 8 1층진주 시내 진주성 근처에 근처문구점이라는 소품샵에 갔다. 영업시간은화-토 11:00 - 18:00일 12:00 - 18:00월 11:00 - 16:00 이라고 한다. 주차공간은 따로 없는 것 같고 골목에 대야 하는듯하다. 예쁜 소품들이 진짜 많았다.종류도 많고 귀여운 것도 많았다. 키링, 스티커, 문구, 달력 등 회사 책상 꾸미기 좋은것들 천지였다. 귀여운 엽서도 너무 많아서 엽서 좋아하시는 분들이 가기 좋은 것 같다. 나는 새해 기념으로 달력 샀다. 회사 친구들 것까지 샀는데 새해라고 달력은 할인도 됐다. 귀여운 거 정말 많은 근처 문구점 꼭 가보는 것을 추천합니다~!~ 2025. 2. 20. [자격증/토익스피킹] TOEIC SPEAKING 토스 노베이스 8일 독학 AL(160점) 후기 📌 TOEIC SPEAKING AL(160점) 후기✔️ 노베이스- 토익 스피킹 x- 오픽 x ✔️ 공부방법- 책https://smartstore.naver.com/hanasamol2/products/9419235285?NaPm=ct%3Dm6gp5h9k%7Cci%3Dd0ed18b562972f5f14de828d3b66c9687f521028%7Ctr%3Dboksl%7Csn%3D9714984%7Chk%3D991dab90f033db7255b8b27c3b1c53f52cc8670c 토익스피킹 제이크토스 15개 템플릿으로 끝내는 토익스피킹 필수 전략서 (시원스쿨) : 두개사[두개사] 토익 토플 자격 수험서 전문서점smartstore.naver.com책은 이 책을 사용했다.난 모든 시험을 개념공부보단 모의고사 많이 풀.. 2025. 2. 20. 이전 1 2 3 4 ··· 33 다음 반응형
