All-round programmer

* 이번에는 Bootstrap으로 반응형 웹을 만드는데 가장 중요한 기능 중 하나인 CSS 기능들에 대해서 살펴볼 것이다. CSS 기능은 말그대로 CSS를 토대로 제공이 되는 기능들로 특정 class 명을 부여함으로써 Bootstrap에서 제공하는 틀대로 반응형으로 동작하도록 해주는 기능들을 이야기한다. - 이전글 2016/05/19 - [자바스크립트 프레임워크] 시작 예고편 2016/05/21 -[Bootstrap] 소개 * Bootstrap 프레임워크 CSS 기능: Bootstrap 프레임워크의 CSS 기능은 웹페이지에 적용하게 되는 CSS 규칙들을 기본적으로 설정하고, 기본 HTML 요소들에 대한 스타일을 적용하는 기능들을 포함하고 있다. 특히, Bootstrap 프레임워크에서 제공해주고 있는 반응..

* 미국에서 운전을 하려고 보면 네비를 따로 장만하는 것보다 그냥 구글맵을 네비로 쓰는 것이 훨씬 편하다는 것을 느끼게 된다. 그래서 스마트폰을 계속 들락날락하면서 운전하다보면 운전하는데 집중하지 못하고 방해가 되기도 하여 거치대를 하나 사기로 하였다. 일단 거치대를 검색해서 아래와 같은 거치대를 사고자 마음 먹었다. https://www.amazon.com/gp/product/B00YDK1HYG : 일단 지금 스마트폰이 아이폰 6s이기 때문에 이에 맞는 거치대를 찾으려고 했고, 충전 기능도 함께 제공될 수 있으면 좋겠다고 생각하여 이것을 선택하게 되었다. 그런데 시가잭으로 충전할수 있도록 USB만 2개를 제공해주고, 별도로 USB가 없어서 USB 잭까지 하나 더 사게 되었다. 같이 많이 사는 물건으로 ..

* 이전의 드랍다운 메뉴 만들기를 하고나서 의외로 많은 질문이 들어온 것이 가로형 메뉴는 어떻게 만드느냐에 대한 내용이었는데, 이 부분은 이전의 메뉴를 그대로 수정해서는 은근히 어려울 수 있어서 이 부분에 대하여 한번 더 정리해보고자 한다. 이번의 글의 목적은 HTML과 CSS만으로 가로로 떨어지는 드랍다운 메뉴를 만드는 것이고, 그 다음에는 아마도 CSS만으로는 구현하게 되면 UX상 개선하고 싶은 몇가지 내용들에 대하여 개선할 수 있는 HTML과 자바스크립트로 드롭다운 메뉴를 만들어 볼 것이다. - 이전 글 2013/11/01 - [밑바닥부터 홈페이지 만들기] 예고편 2013/11/01 - [밑바닥부터 홈페이지 만들기] HTML5 기본 템플릿, DOCTYPE 종류 2014/01/13 - [밑바닥부터 홈..

* 지난번에 샀던 팸퍼스 물티슈는 약간 로션 냄새가 너무 강하게 있는 것 같아서 이번에는 다른 팸퍼스 물티슈를 사 보았다. * 이전에 샀던 팸퍼스 물티슈2016/05/15 - [육아용품 리뷰] Pampers wipes: Baby fresh (팸퍼스 물티슈) : 이전에 샀던 물티슈는 Baby fresh 였다면, 이번에는 아래와 같이 Sensitive를 샀다. 가격은 한 장에 $0.03로 이전의 Baby fresh 보다 1센트 비싸기는 한데 작은 금액의 차이라 큰 부담은 없다. https://www.amazon.com/gp/product/B005DLCJX2/ : 다른 것보다도 Perfume-free라는 것이 이것을 선택한 가장 큰 이유이다. 이렇게 주문을 하고 이틀 뒤에 박스로 팸퍼스 물티슈가 이전과 비슷하..

* 이번에는 해외에 취업 준비를 하면서 준비했던 내용들에 대하여 간단하게 정리 해보려고 한다. 개발자로서 미국에서 일하는 것은 누구에게나 꿈과 같은 일이기 때문에 크나큰 꿈을 품고 먼나라로 일단 넘어오기는 했는데, 취업을 준비하면서 미리 알았더라면 좋았던 내용들, 그리고 취업을 준비하면서 꼭 필요했던 것 같은 내용들을 한번 정리해보려고 한다.* 우선적으로 이러한 내용들은 전문적이지 않은 그냥 순수 경험적인 이야기를 쓰는 수기이므로 그냥 특정 누구는 이렇게 준비했었다는 것으로 참고만 하고 무조건 따라가지 않기를 바란다. * 서류 준비: 경력직을 기준으로 가장 중요한 서류는 바로 이력서(Resume 또는 CV)일 것이다. 세부적으로 보면 Resume와 CV는 조금 다른 양식을 요구하기는 하는데, CV가 조금..

* 햇빛이 뜨거운 미국에서 아이를 카시트에 태우고 다니다보니 애가 햇빛 때문에 짜증내는 경우가 많고 피부가 너무 탈까봐 걱정되서 햇빛 가리개를 여러 개 중에서 고민하다가 사게 되었다. 그냥 까만 햇빛 가리개도 있지만, 아기가 보기에 너무 심심한 것 같아 무언가 그림이 있는 것이면 좋겠다고 생각해서 검색해본 결과 사고 싶었던 햇빛 가리개를 아래와 같이 선택하게 되었다. http://www.amazon.com/Dreambaby-Adjustable-Window-Shade-Tiger/dp/B00H6MD28M?ie=UTF8&psc=1&redirect=true&ref_=oh_aui_detailpage_o03_s00 : 그리고 조금 더 찾아보니 아래와 같이 쌍이 되는 비슷한 디자인도 있어서 같이 사기로 하였다. ht..

* 이번에는 전의 글에 사이드바에 이미지 배너를 넣는 것이 가능한지 물어보는 댓글이 있어서 사이드바에 이미지 배너를 넣는 방법에 대해서 살펴볼 것이다. 기본적으로 이미지 사이드바를 넣는 방법은 몇 가지가 있을 텐데, 각각의 장단점이 있을테니 간단하게 살펴볼 것이다. 크게 이미지를 업로드하는 방법과 사이드바를 넣는 방법으로 나누어서 살펴볼 것인데, 어떠한 방법을 선택할지는 먼저 아래에 정리를 하여 넣어두었으므로 참고하고 해당 방법을 따라가면서 해보는 것이 좋을 것이다. 이번의 글은 꼭 반응형 스킨이 아니더라도 일반 스킨에 대해서도 수정과 응용이 가능하다. * 이전 글2016/05/09 - [티스토리 반응형 스킨 편집] 페이스북 좋아요 버튼, 구글+1버튼 넣기2016/05/13 - [티스토리 반응형 스킨 편..

* 이번에는 세금보고와 관련된 내용을 적어보려고 한다. 세금보고를 한국에서 혼자서 진행하면서 많이 고생하기도 하였지만, 미국의 경우 이러한 행정적인 문서들은 은근히 어렵다고 느끼기도 하지만, 매뉴얼이 너무나 잘 되어있어서 솔직히 '매뉴얼대로' 하기만 한다면 큰 문제는 없을 것이다. 그런데 그러한 매뉴얼을 보다가 꼭 빠뜨리는 것이 있어서 문제이기는 하다. 이번에는 작년 세금보고를 하면서 신청한 ITIN에 대해서 어떻게 신청한 경험에 대해서 적어보고자 한다. * ITIN(Individual Taxpayer Identification Number)이 왜 필요한가?: ITIN이라는 약어 자체는 정말 여기저기서 많이 사용되고 있는데, 그 중에서 세금보고를 위한 ITIN은 개인 세금보고를 위한 ID 번호라고 생각하..

* 가장 먼저 보게 될 프레임워크는 바루 Bootstrap이다. 이 프레임워크를 가장 먼저 보게 되는 이유는 바로 지금 블로그에 반영한 티스토리의 반응형 스킨이 이 bootstrap을 사용하고 있기 때문이다. 따라서, 지금 블로그의 반응형 스킨을 개선하거나 변경하고자 한다면, 먼저 bootstrap에 대해서 알고 있어야지 문제 없이 변경할 수 있을 것이기 때문에 bootstrap을 먼저 선택하였다. * 이전글2016/05/19 - [자바스크립트 프레임워크] 시작 예고편 * Bootstrap 프레임워크? : http://getbootstrap.com : Bootstrap은 어디선가 한번씩은 들어봤을 프레임워크라고 생각한다. 이 Bootstrap에 대해서 소개하고 있는 내용을 보면 위의 홈페이지에 들어가면 ..

* 속깊은 자바스크립트 시리즈를 쓴지도 5여년이 지나고 이제 순수 자바스크립트에 대한 중요성과 인지도가 많아 향상 되었다고 생각한다. 그런데 최근에 최업 준비를 하면서 해외의 front-end engineer 자리들을 보고 있으면, 이제는 단순히 자바스크립트만 해서는 경쟁력이 떨어지고 있다는 것을 더욱더 느끼게 된다. 따라서, 속깊은 자바스크립트는 순수 자바스크립트를 살펴보는 시리즈 였다면, 자바스크립트를 응용하는 프레임워크나 라이브러리들이 어떠한 것이 있고 기본적인 사용 방법에 대해서 살펴보고자 한다. * 자바스크립트 프레임워크의 시대: 자바스크립트는 이제 정말 수 없이 많은 프레임워크들이 나오고 그러한 프레임워크의 개발을 요구하는 회사들도 많아지고 있다. 가장 쉽게 프레임워크가 얼마나 많은지 확인하는..