Archive: 2019

2019
TIL

190410_TIL(LINE 웹페이지 header html,css, fontello)

4월 10일 (수) 오늘은 과제로 LINE Plus Coporation 의 header 부분의 HTML markup 과 CSS 작업을 하였다. 코딩에 들어가기에 앞서 아래 사진과 같이 수작업으로 설계를 해보았다. 수작업으로 설계를 해보니 꼼꼼한 작업을 할 수 있다는 장점이 있지만 시간이 많이 소요되어서 지루하게 느껴지는 단점이 있다. 다음 설계는 카카오 오

TIL

190409_TIL(탭메뉴,white-space:nowrap, .on() method, 유사배열,async and defer)

4월 9일 (화) 오늘은 탭메뉴를 float , position 속성 등을 사용하여 다양하게 구현해보았다. html 이나 css 보다는 탭메뉴를 동적으로 만들기 위한 방법을 정리해보고자 한다. 동적인 탭메뉴를 만들기 위한 class를 처음에 보여질 탭메뉴 태그의 작성한다. 위에서 만든 class에 display:block; 스타일을 입힌다. 나머지 첫

TIL

190408_TIL(Float, Clearfix)

4월 8일 (월)수업시간에 float 만을 활용하여 layout을 잡는 연습을 하였다. float 란 일반적인 흐름(normal flow)를 벗어나 부모 요소의 왼쪽이나 오른쪽에 배치하는 것이다. float로 요소를 배치하는 것은 상당히 까다로운 일인데 그 이유는 다른 요소의 배치에 영향을 미치기 때문이다. float가 배치에 영향을 미치는 것을 해제하기

TIL

190331-0401_TIL(프로젝트 보완, box-sizing 속성, box model, flex box)

3월 31일 (일) 오늘은 프로젝트에서 아직 부족한 점을 보완하기 위해서 오후 시간을 비워뒀다. 총 세 가지의 보완사항이 있었는데 첫번째는 to-do 입력 시 input 창 안이 공백이어도 입력이 되는 문제를 보완해야 하는 사항이었다. 이 문제는 간단하기 때문에 가장 먼저 처리하기로 했다. 조건문에 input 창 안이 공백이면 alert 창을 띄움으로써 해

TIL

190327-0330_TIL(프로젝트, 개발 프로젝트 단계 특강)

3월 30일 (토) 오늘은 패스트캠퍼스에서 주최하는 기초개발특강(UX, UI, 개발 프로젝트 단계)를 듣고 왔다. 자리가 제한되어 있었기 때문에 신청한 사람들 중에 선착순으로 들을 수 있었는데 다행히 제한인원 안에 들었다. 이 특강을 신청한 이유는 평소에도 실제 개발 업무에서 프로젝트가 어떻게 진행되는지 궁금했기 때문이다. 오늘 강의로 그 궁금증을 풀 수

TIL

190326_TIL(프로젝트 2일차)

3월 26일 (화) 어제 날씨 api를 이용하여 만든 기능은 온도, 습도, 구름량 등 많은 데이터를 알려주지만 데이터를 가져올 때 내가 위치를 지정해주어야만 했다. ##예) 서울의 날씨 데이터, 런던의 날씨 데이터## 이 정도 기능에 만족할 수는 없었고 내가 지금 현재 위치한 장소에 날씨 데이터를 받아오고 싶었다. 어떻게 기능을 구현할 수 있을지 생각해보니

TIL

190325_TIL

3월 25일 (월) 오늘은 프로젝트 첫째날이다. 앞으로 5일 동안 프로젝트가 진행된다. 팀원들과 프로젝트 주제를 선정하기 위하여 많은 의견을 나누었다. 게임 홍보 페이지, 크롬 웹 익스텐션, 패럴렉스, 불꽃놀이 축제 홍보 페이지 등등 많은 아이디어가 나왔다. 많은 고민을 거듭한 끝에 그동안 배운 내용들을 복습하기 가장 좋은 주제로 선정하였다. 주제는 바로

TIL

190319-0322_TIL(local storage, git flow, git fork, api)

3월 22일 (금) 쇼핑몰 상품 상세 페이지 copy 과제를 했다. 과제를 진행하던 중 div 태그를 display:inline-block으 사용하여 서로 같은 라인에 배치를 하였는데 이상하게도 윗 공간에 아무 요소도 없는데 오른쪽 div가 맨 위에 붙지 않고 제멋대로 붙었다. 고민을 거듭해도 답을 알 수가 없어 클래스 매니저님에게 물었더니 inline-b

Git

git-flow 사용하기

git flow란 ? Vincent Diessen의 branching model을 적용하여 저장소를 관리할 수 있도록해주는 확장기능 feature - develop - release - hotfixes - master 단계로 branch를 나누어서 버전을 관리하는 전략. branch 관리를 위한 확장 명령어를 제공하는 역할만 하기 때문에 기존의 git

Git

Git fork를 활용하여 협업하기

이 포스트는 실제 협업 사례가 아닌 수업 내용을 토대로 하여 git fork 기능을 테스트 해본 경험임을 알려드립니다. Pm 파트 Pm이 새로운 repository를 생성한다. Pm이 clone을 하여 문서를 생성한다. 생성한 git 문서 경로롤 이동한다. develop branch를 하나 생성한다. (사실 git flow를 활용하여 작은 기능 단위를