쭈루랩

산날씨가 완전 여름에 가까워서 시원한 밀면을 먹으러 가기로함. 메뉴판 여자친구가 가게를 소개해줬는데 저번에 왔을 때 밀면만 먹었다고 했더니 만두가 맛있는 집인데 왜 안먹었냐며 불같이 화를내서 이번엔 만두도 시킴. 특미가 물비빔같은느낌이라는데 맛있다고 들었지만 그냥 물밀면시켰음. 육수 마이쪙 대망의 밀면 난 오이를 빼고 시켜서 맛없어보이길래 같이 온 친구가 시킨걸로 대체했다. 야미야미~ 위치는 서면시장 안에 있습니다.

DOCTYPE html> 트랜지션 /* 트랜지션 - 스타일 속성을 변경시키는 것(배경색 바꾸거나 도형 테두리를 사각형 -> 원형으로 바꾸는 것) 익스플로러 10이상, 엣지, 대부분의 최신 브라우저에서 지원 속성 transition-property - 트랜지션의 대상을 지정 transition-duration - 트랜지션을 실행할 시간을 지정 transition-timing-function - 트랜지션의 실행 형태를 지정 transition-delay - 트랜지션의 지연 시간을 지정 transition - 위 속성들을 한꺼번에 지정 transition-property - 어떤 속성에 트랜지션을 적용할 것인지 대상을 지정 기본형 - transition-property : all | none | 속성값 all..

DOCTYPE html> 애니메이션 /* CSS 애니메이션 속성 @keyframes - 애니메이션이 바뀌는 지점을 지정 animation-delay - 시작 시간을 지정 animation-direction - 종료한 뒤 처음부터 시작할지 역방향으로 시작할지 지정 animation-duration - 실행 시간을 지정 animation-iteration-count - 반복 횟수를 지정 animation-name - 설정해 놓은 중간 상태를 지정 animation-timing-function - 키프레임의 전환 형태 지정 animation - 애니메이션 속성을 한꺼번에 묶어서 지정 @keyframes 속성 - 애니메이션의 시작과 끝을 비롯하여 상태가 바뀌는 부분 기본형 - @keyframes { { } } ..

DOCTYPE html> 연결 선택자 /* 하위 선택자(descendant selector) - 부모 요소에 포함된 하위 요소를 모두 선택 - 자손 선택자라고도 함 기본형 - 상위요소 하위요소 ex) section p {...} 자식 선택자(child selector) - 자식 요소에만 스타일을 적용하는 선택자 기본형 - 부모요소 > 자식요소 ex) section > p {...} */ section p { color: blue; } section>p { color: blue; } 예약 방법 & 사용 요금 아직 온라인 예약 신청이 준비되지 않았습니다. 가족실(2~4인) : 60,000원/일 도미토리(4인 공용) : 25,000원/일 DOCTYPE html> 가상 클래스 /* 1. :link {} - 방문..

아는 후배가 라멘이 먹고싶다고해서 주변에 가까운 라멘집이 있다보니 가기로했다. 라멘야. 가게 이름을 들으니 예전에 방문한 기억이 있어서 알아보니 5년전에 방문했더라. 위치는 조금 바뀌었다. 원래 NC백화점쪽에 조금 더 가까웠던 것 같은데 우선은 메뉴판. 우리는 기본 돈코츠라멘을 시켜먹었다. 라멘은 가는면이 대체로 옳다. 라멘먹고 공기밥이 무료!!! 라멘자체는 5년전보다 맛있어졌다. 국물맛이 일품이다. 오래가는 가게에는 이유가있다. 먹다보니 계란이랑 차슈가 아쉽더라. 근데 이게 5년전에도 그랬다. 예전 포스팅을 찾아보니 라멘야에서 직접 댓글을 달아줬었는데 내용과 달리 여전히 아지타마고는 아니었고 차슈는 오돌뼈가 있었다. 물론 5년만에 방문한거라 나도 오돌뼈 없는부위를 달라고 요청하는 건 까먹었지뭐야. 아쉬..

프로를 꿈꿨던 적이 있다. 으레 말하는 세상에서 내가 제일 잘났다고 자만하던 시절. 결과부터 말하자면 정상에는 올라보지 못했고 꽤나 많이 후회도 했다. 입단 테스트를 통해 클랜에 들어갔을 때 당시 우리 클랜 주축 멤버는 부산지역 리그 우승 경력이 있는 소위 말하는 전국구 top5 클랜이었다. 3차 정규리그가 열릴 즘 우리 클랜은 지역별로 나뉘어 베스트멤버를 꾸렸고, 각각 서울 부산으로 두 팀이 본선에 진출했다. 나는 그중에서 부산 팀에 기존 리그 우승 멤버에서 두 명이 탈퇴하여 그 자리를 대역으로 들어갔었고, 나름 대회 준비도 순조롭게 진행됐었다. 대회가 가까워질수록 스크림을 하는 횟수도 늘어났고, 아무래도 자주 보다 보니 아이디가 더 기억에 남을 수밖에 없었는데 내 맞라인에는 항상 세기말풍운이라는 친구..

중학교 시절 3년 내내 붙어 다녔던 단짝 친구가 있었다. 졸업하고 고등학교를 갈 때 나는 인문계열로, 그 녀석은 공고로 진학해 점차 소원해졌던 그 녀석이 오랜만에 연락해 온건 20살 겨울이었다. 요즘 어떻게 지내냐는 인사치레의 안부로 이야기를 시작해 3년의 시간을 함께한 우리의 즐거웠던 시절을 추억하기도 하며 웃고 있었다. 대화 도중 녀석은 자신은 지금 일을 하고 있고 내게 할 거 없으면 아르바이트라도 하지 않을래?라며 일자리를 소개해 주겠다고 했다. 당시에 나는 군 입대를 계획하고 게임기획 동아리 활동을 제외하면 어떠한 경제적 활동 없이 집에서 온전히 시간을 보내고 있던 중이었던지라 집에서 쉬는 거보다야 좋지라고 수긍했고 조만간 밥이나 한 끼 하자는 기약 없는 말과 함께 통화는 끝이 났다. 2~3일 정..

DOCTYPE html> 속성 선택자 /* 특정 속성이 있는 요소를 선택하는 [속성] 선택자 - 대괄호([])사이에 원하는 속성을 입력 */ a[href] { background: yellow; border: 1px solid #ccc; font-weight: normal; } /* 특정 속성값이 있는 요소를 선택하는 [속성=속성값] 선택자 - 주어진 속성과 속성값이 일치하는 요소를 찾아 선택 */ a[target=_blank] { padding-right: 30px; background: url('images/newwindow.png') no-repeat center right; } 메인 메뉴 : 메뉴 1 메뉴 2 메뉴 3 메뉴 4 DOCTYPE html> 속성 선택자 ul { list-style-ty..

DOCTYPE html> 배경색 /* background-color: #008000; background-color: rgb(0, 128, 0); background-color: green; 배경색 적용 범위를 조절하는 background-clip 속성 background-clip 속성값 border-box - 박스 모델에서 테두리까지 적용. 기본값. padding-box - 박스 모델에서 테두리를 뺀 패딩 범위까지 적용 content-box - 박스 모델에서 콘텐츠 부분에만 적용 */ .desc { border: 5px dotted #222; background-color: #ffd9a0; width: 350px; padding: 20px; margin-right: 20px; float: left; }..

DOCTYPE html> 박스 모델 너비, 높이 지정 .box1 { width: 400px; height: 100px; border: 1px solid black; margin-bottom: 100px; } .box2 { width: 50%; height: 100px; border: 1px solid red; } DOCTYPE html> 둥근 테투리 #container { width: 700px; margin: 20px auto; } .br1 { padding: 30px; border-style: solid; border-width: thick; border-color: green; border-radius: 30px; } #circle { border-radius: 50%; } 둥근 테두리 스타일 예제..