PM 의 생활 PM 의 생활

금요일 점심, 여자분들이 가득했던 백현동 브런치까페 아임홈에 다녀왔어요~ 하루만 연차써도 이리 여유로운 것을!! ​​​​​ 바질페스토 오일 파스타 + 포카차야 13,000 생각보다 착한가격이었습니다. 올리브 오일도 올리브와 시즈닝 향이 적당하고 자작해서 빵 찍어먹기 좋았고 새우도 감바스를 떠올리게 하는 맛이었습니다. ​ 그리고 브런치! 브런치 세트 D 닭가슴살!! 14,500 굳이 양념 안찍어먹어도 담백하니 맛있었어요~ 푸른채소 샐러드가 조금 더 많았다면 좋았겠지만, 아래 깔린 구운 양파가 맛있어서 인정! 두세트여서 음료가 기본으로 포함~ 저를 위한 아이스커피와 오빠를 위한 콜라 커피 약간 쓴맛의 원두였는데 고소했어요! 봄이 사라진 더운 4월에는 아이스 아메리가 짱! 여자분들은 세분이 오셔도 좋을듯해요 ..

Bitwise 1. Decimal & Binary : 10진법과 2진법2. Integral & Fractional : 정수와 분수 3. Interpretation of Binary Pattern4. 연산이 쉬운 2's Complement : 여진법 + 15. 정확도와 범위를 고려한 n-bit 선택하기 1. Decimal & Binary : 10진법과 2진법- 컴퓨터는 Base2, 이진법 체계 Binary- 8bit 사용 2^8 = 256 가지 숫자를 표현할 수 있다.signed 는 -128 ~ 127 / unsigned 는 0 ~ 255 - Base ( 2 or 10 ) 에 따라 다르다.123 = 10^2 * 1 + 10^1 * 2 + 10^0 * 325 = 2^4 * 1 + 2^3 * 1 + 2^0 *..

12.31. 연말을 맞이하여 집앞의 을 찾았습니다~이전에도 언니들이 집뜰이 오시면 여기서 대접했었는데 칭찬들었던 곳이어요.~ +0+ 남친이 먹여주려고 다시 왔습니다 흐흐흐 평상시에는 직장 퇴근한 분들이 많았는데, 오늘은 연말이라 그런지 가족 단위 손님들도 많았어요먹을 줄 아는 저는 족발이 나오는 시간 7시에 맞춰서 갔어요~ 족발이 나오는 시간: 4시, 7시, 11시 여기는 가격이 싸지는 않지만 그걸 커버할만한 장점이 가득한 집입니다~ 만족! 만족!중 32,000원 2인용 대 37,000원 3~4인용 포장 -2,000원 수제비나 막국수 등 10,000원 정도2명이면 중자로! 4명이면 대자+막국수 or 수제비 먹으면 실컷 먹습니다. (역시 사람이 많아 와야 더 풍성해지죠 ㅠ_ㅠ!) ​​​족발에 인공 카라멜도..

CSS Selector여러 기능을 통해 CSS 적용할 대상을 섬세하게 지정할 수 있다. Combination여러 엘리먼트들의 스타일을 더! 더! 더! 세부적으로 선택하고 싶다면? Combination이 답! Combination: 셀렉터 간의 관계를 나타냅니다!- descendant selector (space): 자손태그 모두!- child selector (>): 아들태그만 (바로 밑 아들만)- adjacent sibling selector (+): 뒤에 바로 오는 태그- general sibling selector (~): 뒤에 오는 태그 모두 Pseudo-class: 엘리먼트 단위의 상태 제어기본적으로는 엘리먼트 단위로 상태를 제어한다. selector:pseudo-class { property:..

Layout 레이아웃무엇을 어떻게 논리적으로 구성할 것인지 고민중요한 것은 중요하게! 숨길 것은 적당히 숨기고! 등을 구성하는건 중요하다.마치 학창시절 깔끔한 필기노트를 보는 것과 같다. (성적과는 무관하지만....)- 어디에 위치시킬 것인지,- 블락과 텍스트를 어떻게 (상대적으로) 위치/정렬 할 것인지 레이아웃 대상: ElementBlock-level Elements : full width available , - , , , , , Inline Elements : , , Display 노출여부주로 자바스크립트 코드를 안보이게 한다. display:noneh1.hidden { display: none; }h1.hidden { visibility: hidden; } Width 콘텐츠 크기 고정/반응형이제는..

Default 규칙이 적용되어있을 뿐세부사항 디자인을 (거의) 모두 바꿀 수 있다. Icon Icon Reference: https://www.w3schools.com/icons/icons_reference.asp Link /* a tag Status a:link, a:visited, a:hover, a:active */a:link, a:visited { background-color: #f44336; color: white; padding: 14px 25px; text-align: center; text-decoration: none; display: inline-block; } a:hover, a:active { background-color: red; } Listul { list-style: squ..

CSS 기본 3 부분에 대한 치트키입니다! 부가설명 빼고 문법만 딱 적어놓았습니다. :) - CSS Syntax - 박스모델과 레이아웃 - HTML 의 기본 텍스트/폰트 1. Selector- HTML element - ID: #id - Class: .class / element.center - Group: h1, h2, p 2. Style Sheet- External style sheet- External style sheet - Internal style sheet - Inline style✮ 적용 순서 (Cascading Order) Inline style (inside an HTML element) > External and internal style sheets (in the head secti..

1. 목표: 그리드 / 레이아웃기기나 환경에 따라 레이아웃 (화면구성) 을 바꿀 수 있도록 2. 가변 그리드웹페이지를 제작할 때 화면의 크기에 관계없이 자유롭게 늘어나거나 줄어들 수 있도록 픽셀(px) 대신 퍼센트(%)로 제작하는 기술Fluid Layout, Flexible Layout, Flexible Grid 일반적으로 12개의 칼럼을 가진 테이블처럼 사용한다고 한다. https://www.w3schools.com/css/tryresponsive_grid.htm 3. 뷰포트모니터나 기기의 화면을 통해 보이는 영역 / 화면에 보이는 영역을 제어하는 기술PC: 해상도 / MO: 실제 기기의 화면크기 - 크기와 비율 제어 - The width=device-width 너비 = 디바이스의 화면크기 - The ..