판봉 개발 일기

오늘은 제목에 나와있듯이 Mediaa Query와 Grid를 알아볼건데 그 전에 먼저 flex를 간단하게 집고 가겠습니다. flex는 안쪽의 아이템들에 대해서 정렬이 되는것입니다. 고전적인 방식으로는 전체 레이아웃 : float(left, right, clear) 세부 레이아웃 : display(inline-block, block) 모던한 현대적인 방식으로는 전체 레이아웃 : grid 세부 레이아웃 : flexbox 이렇게 나누어 집니다. 그리고 참고로 웹 표준이 나오면 자바스크립트는 빨리 적용이 되는데 HTML과 CSS는 표준이 나와도 상대적으로 덜 빠르게 적용이 된다고 합니다. Media Query 먼저 여기서 QUERY란 "질의어"를 말합니다. 예, 묻고 답하는 그것 맞습니다. Media Query..

개인적으로 추천하는 찌개 TOP 3🥘 부대찌개 스팸김치찌개 순두부찌개 부대찌개 레시피 재료 목록과 수량 재료 수량 김치 1줌 비엔나 20개 스팸 1개 두부 1/3모 떡 1줌 대파 10센티 4개 홍고추 2개 쳥양고추 큰것 2개 사골곰탕 1봉지 조리순서 고추는 어슷썰고 두부는 한입크기로 썰어주세요. 스팸은 반드시 얇게 잘라주세요. 두꺼우면 국물 맛이 제대로 안 배고 맛이 따로 놀아요. 비엔나는 사선으로 잘라주세요. 떡은 너무 많이 넣으면 국물이 텁텁해지므로 반드시 1줌만 넣어주세요. 김치도 많이 넣으면 김치맛이 많이 나요. 적당한 밸런스가 중요한데요. 밥공기 1/4 넣어주세요. 된장반큰술,고추가루 4큰술(듬뿍), 마늘2큰술, 국간장2큰술, 설탕반큰술, 물 소주컵 반컵을 섞어주세요. 두부, 햄, 떡을 테두리에..

오늘은 CSS의 의사 클래스인 구조, 문자 선택자에 대하여 알아 보겠습니다. 먼저 의사 클래스란 무엇이나면 가짜, 같은 역할을 하는 비슷한 이라는 의미로 흔히 말하는 [짝퉁]의 개념이라고 보시면 될것같습니다. 물론 짝퉁도 엄연히 그 물건의 용도를 하고 있습니다. 의사 클래스의 구조 선택자에는 다음과 같은 3가지의 선택자가 존재합니다. (많이 쓰는것 3가리를 꼽은 것) :first-child - 형제 관계 중에서 첫번째에 위치하는 태그를 선택 - 선택자와 같은 레벨의 요소들 중 첫번째 요소를 선택 :last-child - 형제 관계 중에서 마지막에 위치하는 태그를 선택 :nth-child(수열) - 형제 관계 중에서 앞에서 수열 번째에 태그를 선택 - 예) 1, 3, 5, 7, 9 => 2n+1=> nth..