본문 바로가기

분류 전체보기

(65)
티스토리 스킨제작기 (3) - 레이아웃 만들기 Prologue안녕하세요. 오늘은 "티스토리 반응형스킨 제작기" 연재물의 3편 입니다. 지난 시간에 우리는 레이아웃의 기본이 되는 구조를 네모난 상자모양으로 만들어놨었죠? 티스토리 반응형스킨 제작기 - 지난 이야기티스토리 스킨제작기 (1) - 개발환경 구축하기 (웹개발도구 Brackets 이용)티스토리 스킨제작기 (2) - 레이아웃 잡기오늘은 지난시간에 만든 구조를 좀더 레이아웃답게 만드는 과정을 진행할 꺼예요. 혹시 지난시간에 보여드린 기본 레이아웃 디자인 기억하시나요? 기본적인 2단 구성의 레이아웃이예요. 이번 포스팅에선, 우선 위와같은 레이아웃을 만드는 과정을 진행할꺼구요. 글이 너무 길어지지만 않으면, 사이드바의 폭을 고정폭으로 설정하고 본문폭에 가변폭을 적용하는 과정까지 진행해 볼께요. 레이아웃..
닭가슴살 깨소스냉채 만들기 이전 포스팅에서 '복날 남은 닭고기로 간편하게 만드는 반찬 닭고기 파무침'에서 식은 닭가슴살로 만들 수 있는 반찬을 소개했었어요. 이번 포스팅은 그에 이은 2탄이라 생각하시면 되는데요. 식은 닭가슴살로 만들 수 있는 냉채예요. 치킨 먹고 남은 닭가슴살로도 가능해요.닭고기로 만드는 또다른 요리 레시피 [작은설탕 Cook/요리] - 영양만점 닭고기피카타 (닭고기전) 만들기 [작은설탕 Cook/반찬] - 복날 남은 닭고기로 간편하게 만드는 반찬 닭고기파무침자!! 그럼 만들어 볼께요. 재료준비 주재료 닭가슴살 한덩어리, 대파 1/2뿌리, 오이 1/4, 당근1/4 깨소스 깨가루 3T, 피넛소스 1T, 고추가루 1t, 설탕 1/2t, 물 2T 슈가레시피 파, 오이, 당근은 가늘게 체를 썰어 준비해 주어요. Tip ..
복날 남은 닭고기로 간편하게 만드는 반찬 닭고기파무침 오늘은 중복이네요. 복날 삼계탕을 끓여 먹고 남은 닭고기(주로 퍽퍽살이겠죠?^^)로 닭죽만 해서 드시나요? 저희 어머님은 아주 간단하게 무쳐서 반찬으로 만들어 주세요. 요게 반찬으로도 맛있지만, 바쁜 아침 간단 아침식사꺼리로도 꽤 괜찮아요.닭고기로 만드는 또다른 요리 레시피[작은설탕 Cook/요리] - 영양만점 닭고기피카타 (닭고기전) 만들기[작은설탕 Cook/요리] - 닭가슴살 깨소스냉채 만들기자!! 그럼 같이 함 만들어 볼까요?^^ 재료준비 주재료 닭가슴살 한덩어리, 파 1/2뿌리양념 소금 1t, 후추, 참기름 1t 맘스레시피 닭가슴살을 먹기 좋게 잘게 찟어주어요. 소금, 후추, 파, 참기름을 넣어 주시구요. 간이 잘 베이도록 팍팍 무쳐주세요. 그럼~~ 정말 초간단한 닭고기파무침 완성!!!! 그릇에 ..
[CSS3] 반응형웹 본문 가변폭 설정하기 - calc 함수 사용 요즘 반응형웹 디자인이 적용된 블로그를 둘러보면, 화면의 가로폭을 조정할 때, 사이드바의 크기는 변하지 않으면서 본문의 너비만 줄어드는 이른바 가변폭 이 설정된 블로그를 많이들 보셨을꺼예요. 저도 최근에 티스토리 반응형 스킨을 직접 만들면서 이부분에서 막히길래 많이 검색을 해보았습니다.우선 해결방법이 적용되기 전의 문제점부터 살펴보죠. 문제점 1 : width 속성에 %로 폭설정 우선 가변폭 설정을 하지 않고 본문과 사이드바의 너비를 퍼센트(%)로 지정해 놓으면, 본문과 사이드바가 겹치지는 않지만, 웹브라우저의 너비에 따라 사이드바의 폭도 늘었다 줄었다 하죠. 하지만 사이드바의 특성상, 폭이 일정하게 고정되는 것이 우리의 목표입니다. 사이드바에는 일정한 크기를 갖는 모듈들이 들어가기 때문이죠. 문제점 2..
티스토리 스킨제작기 (2) - 레이아웃 잡기 안녕하세요. 오늘은 티스토리 반응형 스킨제작기 2탄이예요.지난시간에 웹프로그래밍 도구인 Brackets 를 이용하여 티스토리 스킨제작을 위한 환경설정을 했었죠. 오늘은 우리가 만들 스킨의 레이아웃을 구상해볼꺼예요. ※ 알림 저는 HTML/CSS/JavaScript 등과 관련한 전문지식은 없습니다. 따라서 본 시리즈는 "강좌"가 아니라는 점을 미리 알려드립니다. (좌충우돌하면서 함께 배워나가는 시리즈랍니다. ^^)티스토리 반응형 스킨제작기 - 지난 포스팅 [작은설탕 IT/Blog] - 티스토리 스킨제작기 (1) - 개발환경 구축하기 (웹개발도구 Brackets 이용) 레이아웃 디자인 웹페이지를 만들 때, 제일 먼저 고려해줘야 하는 것이 "홈페이지 디자인을 어떻게 만들까?" 하는 부분입니다. 즉, 웹페이지의..
신김치를 이용한 김치순두부덮밥 만들기 오늘은 신김치를 이용한 또 다른 요리를 한번 해볼께요. 언제가 티비에서 보았던 레시피인데 더운 여름에 찌개 대신 먹기 좋은 것 같아요. 신김치를 이용한 또다른 요리[작은설탕 Cook/반찬] - 신김치를 이용한 김치볶음[작은설탕 Cook/한그릇음식] - 콩가루를 넣은 콩비지김치덮밥 자!! 그럼 해볼까요? 재료준비 2~3인분 기준 주재료 : 순두부 1개, 신김치 1컵, 애호박 1/3개, 버섯, 청양고추 (또는 풋고추)양념 : 간장 1T, 고추가루 1T, 마늘, 1T, 참기름 1t, 소금, 전분물 2T(물과 전분 1:1), 멸치육수 200ml 슈가레시피 고추가루, 간장, 마늘, 참기름을 넣고 섞어 양념을 만들어 주어요. 애호박, 김치, 버섯은 작은 크기로 썰어 주구요. 고추는 다져서 준비해 두는데 이따가 쓸꺼..
일본카레 (도로케루) 매콤하게 만들기 저는 일본카레를 정말 정말 좋아해요. 일본에서 돌아올 때 엄청 많은 일본카레를 사들고 왔었는데... 요즘은 이마트만 가도 다 살 수 있더라구요. 결혼 후 미니가 매콤한 카레를 좋아해서 저희는 매콤카레를 위해 요즘은 청양고추를 넣어서 해 먹고 있어요.^^ 자!! 이제 만들어 보아요. 재료준비 4인분 기준 일본카레 1봉지 (1통 안에 2봉지가 있어요) , 돼지고기 (카레용) 200g, 감자 1개, 양파 1개, 당근 1개, 청양고추 1개, 후추 1t, 청주 1T 슈가레시피 돼지고기는 후추와 청주를 넣고 조물조물해서 준비해 주어요. 감자, 양파, 당근은 작게 토막 썰기해주시구요, 청양고추는 잘 다져 줍니다. 팬에 들기름을 두르고 고기를 겉부분이 다 익을 때까지 볶아 주어요. Tip ! 들기름을 사용할 땐, 항상..
영양만점 닭고기피카타 (닭고기전) 만들기 주말엔 뭔가 특별한 요리를 만들고 싶어지죠?!! 오늘은 닭고기비카타를 만들어 볼껀데요. 닭고기피카타는 만들기도 쉽고 닭고기, 달걀, 치즈가 들어가 영양도 만점이예요. 아이들 간식이나 어른들 술안주로도 좋아요. ^^ 자!! 만들어 볼께요. 재료준비 닭가슴살 한덩어리, 치즈 2개, 달걀 1개, 파슬리 1/2T, 밀가루 2T, 소금, 후추 슈가레시피 닭가슴살을 전을 부칠 수 있을 정도의 크기로 잘라서 소금과 후추를 뿌려 간을 해요. 치즈를 다지고 그릇에 달걀, 다진치즈, 파슬리를 넣고 잘 섞어준 후 소금으로 간을 해주어요. 준비된 닭고기에 밀가루를 묻힌 다음 달걀에 담갔다가 기름을 두른 팬에 올려주고 위에 치즈를 좀 더 얹어 주어요. 닭고기가 익어야하기 때문에 약한불에서 노릿노릿해질때까지 익히고 기름종이에 올..