전체 글 56

[가성비맛집]고속터미널 시그니처랩 반포점 솔직리뷰🩵

오늘은 고속터미널역에 있는 시그니처랩(Signature Lab) 반포점에 다녀왔습니다.지하 쇼핑몰 내에 위치해 있고 정면에 보이는곳이여서 접근성이 좋고, 바로 맞은편에 스타벅스가 있어서찾는데에 도움이 되었어요:)매장 분위기 🏠매장은 깔끔하고 세련된 인테리어로 꾸며져 있었어요. • 블랙&우드 톤이 어우러져 고급스러운 분위기 • 테이블 간격이 넓어서 식사 중에도 답답하지 않음 • 천장 조명과 유리 벽면이 깔끔하게 관리되고 있어 사진 찍기에도 좋은 환경주방 쪽은 오픈형이라 조리 과정을 살짝 엿볼 수 있고, 셀프 물 디스펜서도 마련돼 있었습니다.이런건 셀프로 가져가셔야 했어요.주문 메뉴 🍽이번에 주문한 메뉴는 • 고르곤졸라 피자 & 토마토 해물 파스타 • 봉골레 파스타 & 김치볶음밥(계란 후라이 토핑)고르곤..

한화생명 구내식당 내돈내산 샐러드 솔직리뷰 🍅🥗

오늘 점심, 한화생명 구내식당에서 판매하는 샐러드(속에 샌드위치포함)을 먹어봤습니다.깔끔한 플라스틱 용기에 신선한 재료들이 알차게 담겨 있어 보기만 해도 건강해지는 기분이네요.⸻🥪 샌드위치 • 구성: 양상추, 로메인, 토마토 등 • 두툼하게 채워진 양상추가 아삭아삭 식감을 살려주고, 신선한 토마토와 부드러운 참치 마요가 잘 어울립니다. • 빵은 부드러우면서도 적당히 탄력 있어 속재료와 잘 어울렸어요.⸻🥗 샐러드 • 토핑: 로메인, 적채, 당근, 방울토마토, 옥수수, 올리브, 그리고 닭가슴살 슬라이스 • 닭가슴살은 촉촉하게 조리되어 퍽퍽하지 않고, 간이 은은하게 배어 있습니다. • 채소들이 전반적으로 신선⸻💡 총평점심시간에 부담 없이 먹기 좋은 건강 메뉴였습니다.포만감도 적당하고, 특히 채소의 신선도..

M 내일상 2025.08.13

[CSS]하이브리드앱 크로스브라우징 문제(ios)

가장 최신 ios 버전 = 15 1. input, textarea 폰트 사이즈 16이하 포커스시 자동으로 zoom-in 발생 iOS에서는 input 태그나 textarea 태그의 폰트 사이즈가 16px보다 작으면 focus 시 자동으로 zoom-in이 발생합니다. meta tag에 ‘maximum-scale=1.0’ 옵션을 넣어 문서의 최대 배율 범위를 설정하면 zoom-in은 발생하지 않습니다. 그러나 구글 lighthouse 웹 접근성 지표에 감점이 적용될 수 있습니다. 2. a태그 클릭시 하이라이트 효과 생김 a태그 클릭 시 하이라이팅 효과가 발생합니다. webkit 엔진 기반의 브라우저에서 발생하는데, 전역 스타일 시트에 속성을 투명으로 적용하면 하이라이팅 효과를 제거할 수 있습니다. -webki..

웹퍼블리셔 면접질문

경력 퍼블리셔로서 면접을 보다보면 공통적으로 듣는 질문이 있어 그것을 한번 정리해 보았습니다. * 경력직이나 프리랜서 면접시에 해당하는 질문들 모두 신입때와 크게 다르지 않는걸 느낍니다. 그리고 저의 답은 무조건 정답이 아니니 참고만 하세요! 1. 반응형웹 퍼블리싱시 어려운 점은? 1) PC에서 모바일로 가면서 디자인이 바뀌게 되면서, 디자이너분들이 미처 생각치 못한 깨짐이 발생하거나 생각한 디자인이 아니면 중간에 디자인 변경이 발생하는데 이때 저도 같이 살짝 당황스러웠던 경험이 있습니다. 2) 대부분 PC에서 모바일로 작업을 하는것으로 아는데, 이번에 기획과 회사방침(?), 협업하시는 분들의 의견(?)에 따라 모바일에서 PC로 작업을 하였습니다. 그러다보니 생각치도 못하게 PC 디자인에 맞게 HTML ..

[CSS]반드시 알아야하는 CSS 사용 tip!

1. * 사용을 지양하라! 브라우저에 과부하게 걸리고 사용하기에 적절하지 않기 때문에 사용을 지양합니다. 단, font-famaily는 *에 줘도 무방합니다. 2. id 선택자인 # 사용을 조심스럽게! id 선택자는 유연성이 없고 재활용할 수 없습니다. 그래서 가능한 처음에 태그명이나 새로운 HTML 요소 중 하나 또는 가상 클래스라도 적어서 CSS를 작성해보세요. 3. :visited와 :link 사용 - :visited 클릭했었거나 방문했던페이지에 있는 앵커 태그 - :link 클릭하기 전 상태의 앵커태그 전체 4. 인접선택자 +를 사용 - ex) ul + p { } - 앞의 요소 바로 뒤에 있는 요소만 선택합니다.