본문 바로가기
728x90

전체 글166

canvas canvas란 무엇인가?는 HTML5에서 도입된 그래픽 요소이다. 브라우저 화면에 픽셀 기반의 그래픽을 그릴 수 있게 만들어진 "캔버스(도화지)"이다. 화가가 캔버스에 그림을 그리듯이, 브라우저 안에서 Javascript 코드로 그림을 그릴 수 있도록 만들어주는 요소이다. HTML 코드 안에서 태그를 선언JavaScript를 통해 에 그리기 컨텍스트(CanvasRenderingContext2D 혹은 WebGL)를 연결선, 도형, 텍스트, 이미지 등을 픽셀 단위로 직접 그리기 canvas는 왜 사용하는가?자유롭게 2D 또는 3D 그래픽을 표현할 수 있다.• 게임 그래픽 (예: 2D 게임, 미니맵)• 데이터 시각화 (차트, 그래프)• 이미지 편집 도구• 애니메이션 효과• 시뮬레이션 (예: 물리 엔진)고성.. 2025. 5. 31.
목살 수육 🥩 난이도 ⭐️귀찮음 ⭐️맛탐정의 평가 ⭐️⭐️⭐️⭐️⭐️재료: 수육용 목살 (삼겹살도 가능) 1덩어리, 마늘 3-4개, 대파 초록색 부분 3개, 양파 반개, 된장 1큰술 가장 귀찮음이 덜하고 맛탐정의 평가가 아주 극찬에 가까울 정도였다 🤩 수육용으로 고기가 삼겹살과 목살이 있었는데 목살도 먹는지 처음 알았다.삼겹살장점• 기름기가 있어 수육이 더 부드럽고 촉촉하다.• 맛과 향이 좋다.단점• 목살에 비해 가격이 좀 더 비싸다.• 기름기가 많아 칼로리가 높고 지방 함량이 높다.• 오래 끓여야 부드러워지기 때문에 조리 시간이 오래 걸릴 수 있다.목살장점• 삼겹살에 비해 가격이 좀 저렴하다.• 기름기가 적어 담백하고 깔끔한 맛이 난다.다점• 삼겹살에 비해 풍미가 덜할 수 있다.• 기름기가 덜 있기 때문에 촉촉함이.. 2025. 5. 30.
인도 커리가 먹고 싶을 때 🇮🇳 난이도 ⭐️⭐️귀찮음 ⭐️⭐️⭐️맛탐정의 평가 ⭐️⭐️⭐️⭐️⭐️ 한 상을 차려야 하니 귀찮음을 다른 요리보다 하나 추가했다. 난이도는 에어프라이어가 다했다고 보면된다. 인도하면 생각나는 게 커리, 난, 그리고 좀 더 나아간다면 탄두리 치킨 🍗사실 내가 만들어 먹었던 건 탄두리 치킨은 아니고 그냥 굽네치킨 느낌의 치킨이다.그래도 커리에 찍어 먹으니 제법 음식의 맛 평이 꽤 좋았다! (처음해보는 조합인데 맛있다고 하면 참 기쁘다) 커리난치킨이 순서로 설명하겠다.커리 마트에서 티아시아 커리 - 치킨 마크니를 구매해서 데우기만 했다. 마트 직원 분도 치킨 마크니가 제일 많이 팔리는 제품이라고 한다!! 원래 사려던 건 아니고 커리를 증정용으로 붙여준다고 하길래, 또 시식을 해보고 맛이 있길래 샀다! 바로 카드.. 2025. 5. 29.
CSS에서 사용되는 단위들 CSS에서 사용되는 다양한 단위들이 있다.emremchexvhvwvminvmax천천히 알아보겠다.em이란?부모 요소의 font-size를 기준으로 한 상대 단위.parent { font-size: 16px;}.child { font-size: 1.5em; /* 부모의 font-size 16px * 1.5 = 24px */} rem이란?최상위 루트 요소(html)의 폰트 크기를 기준으로 한 상대 단위 (전체 사이트에서 일관된 크기로 설정하기 유용)r은 root(최상위)를 뜻한다.html { font-size: 16px;}.container { font-size: 2rem; /* 16px * 2 = 32px */}em과 rem의 다른점? Inner Divs html { .. 2025. 5. 28.
728x90

티스토리툴바