전체 글
-
HTML / CSS : CSS box model에 대해서 알아보자캡틴 코딩일기/HTML, CSS 2020. 2. 9. 23:05
HTML / CSS : CSS box model에 대해서 알아보자 오늘은, HTML을 보기 좋게 꾸며주는 CSS의 기능 중에 box model에 대한 배움을 정리해보고자 한다. margin border padding contents 구글의 개발자 콘솔에서 Elements 탭을 열면, style 란에 위와 같은 박스 모델에 대한 그림을 볼 수 있다. 콘솔창의 문자들과 씨름을 하다 지친 눈이 금새 박스모델의 구성도로 향하게 되었던 기억이 있다. 텍스트 박스, 버튼 등 HTML로 구현하는 기능중심의 요소에 디자인을 부여하는 CSS. 박스 모델은 컨텐츠와 가장 가까이서 각종 항목들을 조정하여주는데. 한 번 제대로 공부하여 두는것 만으로도 여러모로 적용해보며 내가 원하는 디자인을 구현해볼 수 있다. padding..
-
javascript : 너 정말 배열 맞냐? Array.isArray()캡틴 코딩일기/javascript 2020. 2. 2. 22:53
javascript : 너 정말 배열 맞냐? Array.isArray() javascript 기초 개념을 배우고 있는 요즘, 배열과 객체의 관계에 대해서도 알게 되었다. 배열은 객체의 한 종류라는 사실. 실제로 console에서 typeof 연산자를 통해, 배열과 객체의 타입을 확인해 보면 아래와 같은 결과를 확인 할 수 있다. typeof {a:1, b:2} "object" // 객체(object)는 당연히 object. typeof [1,2,3] "object" // 배열(array)이 객체(object)라고? 객체와 배열은 서로를 요소로서 포함 가능하다. 배열의 element로서 객체가, 객체의 value로서 배열이 할당 될 수 있다. 자칫 구분이 어려울 수 있는 배열과 객체를 명확하게 구분..
-
JavaScript : let 을 통한, 선언 / 할당에 익숙해지자캡틴 코딩일기/javascript 2020. 2. 2. 22:39
JavaScript : let 을 통한, 선언 / 할당에 익숙해지자 ** 상/하단의 광고 클릭 한 번이, 꾸준한 창작활동에 큰 도움이 됩니다 :) ** JavaScript를 공부하고 있는 곳에서 토요일마다 모 공유오피스로 찾아가서, 한주동안 공부했던 내용들 중에 궁금했던 부분들을 직접 엔지니어분들에게 문의하고, 주어진 문제풀이의 방향 또는 풀이에 참고할 수 있는 사이트 들에 대해 조언을 구하는. 이 시간만큼은 학구열을 불태우며 집중할 수 있는 '오피스 아워'라는 세션에 다녀왔다. 처음 다녀오던 날들에 비해, 궁금한 내용들을 미리 정리하거나, 당일 학습중에도 곧잘 물어보게 되었다고는 하나 아직도 좀 어색하다. 어색함의 이유는 두 가지 정도. 1) 알고 있는 내용인데, 나 편하자고 쉽게 물어보는건 아닐까? ..
-
코딩(coding)은 어떻게 공부해야 할까?캡틴 코딩일기 2020. 1. 27. 23:45
코딩(coding)은 어떻게 공부해야 할까? ** 상/하단의 광고 클릭 한 번이, 꾸준한 창작활동에 큰 도움이 됩니다 :) ** 코딩은 어떻게 배워야 할까. 코딩 공부는 어떻게 시작해야 할까. 4차 산업혁명이 온다는 이야기를 뉴스 등에서 처음 접한지도 꽤 되었으니, 이미 그 물결속에 있다고 해도 과언이 아닐 것이다. 물론 거창한 이름만큼의 편의들이 내 삶에 가까이 와닿을 정도의 체감은 적다. 초등학생 시절(대부분을 '국민학교' 아래서 보냈지만) 브라운관 TV화면을 통해 즐겨보던 '2020년 우주의 원더키디' 라는 만화영화에 그려졌던 2020년의 모습은 아니지만 (아니어서 다행이다.) 최근 몇개월에 걸쳐 고민했던 일들, 정답은 아니겠지만 한 발 떼어보자는 결심을 통해 코딩을 공부하게 되었다. 앞으로 이 카..
-
<정도>에 관한 일본어 표현 네 가지빈짱의 방구석 일본어 2020. 1. 17. 08:22
에 관한 일본어 표현 네 가지. ** 상/하단의 광고 클릭 한 번이, 꾸준한 창작활동에 큰 도움이 됩니다 :) ** 안녕하세요. 캡틴입니다. 티스토리 블로그로 적을 옮긴 후, 세 번째 포스팅입니다. 앞으로도 계속 될 저의 일본어 관련 포스팅은, 어느정도 일본어에 대한 이해를 기본 전제로 하고, 조금 더 재미있거나 도움이 되는 풍부한 표현에대해 초점을 맞추고 이어가려고 합니다. 오늘은 "정도"를 표현하는 형용표현 네 가지를 알려드리려고 합니다. 일본어를 공부하다보면, 여러가지 형용표현을 배우게 됩니다. 모든 언어가 그렇겠지만, 배우면 배울수록 그리고 그 배움을 실제로 필요한 상황마다 활용하려고 하면 막연하면서도 그 표현의 깊이가 얕아서 부족함을 느끼시는 경우가 많습니다. (앞으로 부족함을 경험하게 ..
-
“안 될 것 같아요” 를 표현하는 일본어빈짱의 방구석 일본어 2020. 1. 4. 00:08
“안 될 것 같아요” 를 표현하는 일본어 ** 상/하단의 광고 클릭 한 번이, 꾸준한 창작활동에 큰 도움이 됩니다 :) ** 안녕하세요. 일본계 회사원 캡틴입니다. 오늘은 알아두면 좋은, 고급 일본어 표현을 하나 알려드릴게요! 전에 근무하던 직장의 상사분께서 알려주신 이 표현은 말 그대로 고급 표현으로서, 거절의 의사를 표현할 때에 조금 더 예의바르게 내 의사를 표현하는 데에도 활용이 가능하답니다. 만약 학교에서 과제를 함께 하고 있거나, 회사에서 지시받은 일을 하고 있는 도중에 시간적으로 여유가 없거나, 능력이 부족하여 달성할 수 없어 보이는 상황에 동료 또는 상사에게는 어떻게 내 상황을 표현할 수 있을까요? "안 될 것 같습니다." 라는 표현이 솔직하게 나의 부족함을 나타낼 수 있는 표현의 하..
-
말이 안 통해-! 는 일본어로 어떻게 말할까?빈짱의 방구석 일본어 2020. 1. 3. 23:51
"말이 안 통해-!" 는 일본어로 어떻게 말할까? ** 상/하단의 광고 클릭 한 번이, 꾸준한 창작활동에 큰 도움이 됩니다 :) ** 안녕하세요. 저는 30대 후반, 일본계 회사에 다니고 있는 캡틴입니다. 앞으로 제가 일본 회사에 근무하면서 익힌 일본어 표현들을 블로그에 남겨보려고 해요. 재미있게 봐주시고, 여러분의 공부에도 도움이 되었으면 좋겠습니다. 자, 본론으로 들어가서. 여러분도 경험이 있으실 것 같아요. 회사에서 또는 친구들과, 때로는 가족 사이에서도 말이 통하지 않아 답답했던 때 가요. (무슨 말인지 아시죠?) 오늘은, 말이 통하지 않는 상황을 표현하는 일본어 표현을 두 가지 소개하겠습니다. 話 / 言葉が通じない (はなし / ことばがつうじない) 이야기(말)가(이) 통하지 않는다.라고 직역..