코린이
-
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년의 모습은 아니지만 (아니어서 다행이다.) 최근 몇개월에 걸쳐 고민했던 일들, 정답은 아니겠지만 한 발 떼어보자는 결심을 통해 코딩을 공부하게 되었다. 앞으로 이 카..