nopinokio 웹작업공간

글의 구조를 마크업할 때 고민해야 할 게 많다. 이번에 다룰 것은 부제를 HTML 태그로 어떻게 표현해야 할 것인가다. 결론적으로 나는 아래처럼 사용하기로 마음먹었다. <header> <p class="subheading">[박근혜 탄핵]</p> <h1>美 매체들 "한국 민주주의 발전 보여준 파면 결정"…이정미 재판관도 조명</h1> </header> 명세..

"1+1은 무엇일까요?"라는 질문을 자주 듣습니다. 산수 시간에 말하는 정답은 2가 되겠죠. 세상에는 그 너머 다양한 정답이 존재할 수 있습니다. 어떤 관점으로 생각하느냐에 따라 다른 정답이 나오죠. 저자인 휴고 기로델은 이 글에서 독자에게 'Sass 프로젝트의 아키텍처란 바로 이것이다'라고 정답을 알려주지 않습니다. 대신 다양한 정답이 나오도록 Sass 프로젝트의 아키텍처 개념을 얘기합니다. 이 글을 읽고 여러분의 Sass 프로젝트에서 멋지게 창의..

미국의 전 매스컴으로부터 '세상에서 가장 아름다운 사람'이라고 칭송받고 있는 조엘 소넨버그(Joel Sonnenberg)라는 청년이 있습니다. 그러나 길거리에서 조엘을 만난 사람들은 모두 이맛살을 찌푸리며 소리를 지르기도 하고 수군거리기도 합니다. "외계인 같다, 더러운 가면을 썼나 봐, 밥맛 떨어져!"1979년 9월 15일 생후 20개월 된 아이가 부모가 운전하는 승용차에 타고 있다가 40톤 트럭과 추돌하여 자동차는 금새 화염에 휩싸였습니다. 불길..

미드 말하기 학습법 by 래릿 1. 무 자막으로 1편을 감상해주세요무 자막을 감상해야 하는 이유는, 처음부터 스크립트나 자막을 보고 공부를 하게 되면자신도 모르는 사이에 자신의 잘못된 발음, 리듬, 억양으로 영어를 익히게 됩니다.(음의 높낮이가 없는, 딱딱한 한국 억양)그렇게 되면, 내가 말하는 문장이 맞는 표현일지라도 억양이 한국어 억양이기 때문에리듬감 있는 영어에 익숙한 외국인들은 우리 말을 잘 알아듣지 못해요.그리고 내가 그들..

‘지적 대화를 위한 넓고 얕은 지식’ 이라는 긴 책 제목은 서점에서 처음 봤다. 이 책의 긴 제목, 세련된 표지와 흥미로운 주제가 나의 손이 다가가게 만들었다. 교양과 인문학이 전문적이고 깊은 지식이 아닌 과거, 현재, 미래 사람들까지 모두가 함께 공유하고 소통할 수 있는 넓고 얕은 지식이라는 것은 내게 센세이셔널 했다.이 책에서 내가 가장 중요하게 생각한 부분은 ‘생산 수단’이다. 고대 사회부터 시작해 현대를 지나 미래에 이르러서까지 생산..

1892년 백범 김구 선생이 17세 때 우리나라에서 실시된 마지막 과거에 응시했다. 하지만 매관매직이 판을 치고 있던 당시의 과거시험은 이미 합격자가 정해져 있었다. 이에 크게 실망한 선생은 출세에 대한 미련을 버리고 풍수와 관상을 공부하기 시작했다. 그런데 자기의 얼굴에는 한 군데도 부귀한 상이 없고 천하고 가난한 흉상 밖에 없었다. 그러던 중 '마의상서(麻衣相書)'에서 선생의 운명을 바꿀 한 구절을 발견했다.相好不如身好 身好不如心好 心好不如德好(..

일반적인 질문:Twitter,Facebook 등의 SNS를 사용하시나요?   * 사용한다면, 누구를 팔로우 하고 있나요?GitHub을 사용하시나요?   * 사용한다면, 어떤 프로젝트를 Watch 혹은 Fork하시나요?자주 보는 Blog가 있습니까?버전 관리 시스템은 어떤 것들을 사용해보셨습니까?선호하는 개발 환경은 무엇입니까? (운영체제, 에디터, 브라우저, 도구 등등)당신이 웹 페이지를 만들 때의 과정을 설명 해..

# 마크업 개발 레벨 테스트레벨테스트의 목적은 현재 파악하고 있는 수준을 측정함에 있습니다.자료를 찾아서 답을 작성하지 마시고, 편안한 마음으로 아는 만큼만 적어주세요.모든 답변은 2줄이 넘지 않을 정도의 분량으로 간결하게 작성해주세요. ## HTML1. Doctype을 사용하지 않을 때는 무슨 일이 발생할까요?2. 웹표준에 맞게 작업할 때 b, i 태그 대신 적합한 태그는 각각 무엇일까요?3. block 요소와 inline 요소에 해당하는..

영어 추천 사이트 [래릿‘s 영어 추천사이트]1. 뉴스 사이트- YBM sisa 뉴스 클립 (http://cnn.ybmsisa.com)뉴스영상, 스크립트(해석), 문제풀이, 딕테이션, 말하기 훈련 등영어학습의 4가지 요소(말하기, 듣기, 읽기, 쓰기)를 통합적으로 익힐 수 있다.매일 매일 업데이트 되며, 최신 이슈들을 주제로 한 콘텐츠이므로뉴스를 보면서 다채로운 표현도 익힐 수 있다는 것이 장점.- VOA Learning English (h..

자바스크립트 성능 최적화 #1 포스트와 마찬가지로 NHN은 이렇게 한다 자바스크립트 성능 이야기의 내용들이다. 브라우저 렌더링 과정 및 기타에서도 속도를 향상 시킬수 있다. 렌더링 및 기타 방법에는 크게 아래 4가지 방법이 있다. reflow, repaint 최소화노출 제어를 통한 reflow 최소화 (display 속성 이용)DOM, 객체 캐싱기타 reflow, repaint 최소화 같거나 동일한 작업은 그룹을 묶어 실행한다. ..