본문 바로가기

개발자가 되기까지

(28)
함께 자라기, 애자일로 가는 길 (김창준) 멋사 프론트엔드 과정을 듣고 싶어 블로그 후기를 찾아보았고, 멋사에서 [함께 자라기]를 추천한 블로그를 읽었다. 멋사에서 추천한 책이라면 꼭 읽어보고 싶었다. 지금 [Ch. 01 자라기]를 읽은 나는 오랜만에 좋은 책을 알게 되어 기분이 매우 좋다 ㅎㅎ 복습을 위해 한 번 정리해 보려 한다 🧐 Ch. 01 자라기 제 1부 - 학습을 학습하는 것 1. 당신은 몇 년 차? 경력 10년차 개발자가 2년차 개발자보다 더 우수하지 않다. 경력과 업무 수행 능력에 깊은 상관성이 없다. 조직은 개인이 자신의 전문성을 좀 더 발전시키고 관리할 수 있게 최대한 지원하는 것이 윈윈하는 길이다. 직원들이 문제가 아니라, 그 사람들이 속한 시스템, 그리고 그걸 만들고 책임지는 경영진이 문제다. 피드백을 짧은 주기로 얻는 것,..
오늘의 연습 #1 어떻게 연습을 할까 고민을 했다. 카페 창 밖에 보이는 구두수선 가게가 마치 HTML로 보였다.. ㅋㅋㅋ 아직 마음에 안들지만.. ㅎㅎ 그래도 많이 늘었음에 만족!! 😎 새로 배운 내용 태그 : inserts a single line break line-height : 줄 간격 👉 line-height: 0.5em; : 1칸 띄어쓰기 (Non-breaking space) 👉 : 2칸 띄어쓰기 👉 : 3칸 띄어쓰기 🤜 부족한 점 한 줄에 한 문장밖에 못 쓴다. 👉 금 이빨 & 전화번호의 글자색&크기 조절 다르게 못함 ㅜㅜ 아래 박스 안에 있는 단어들을 중간 정렬 못함 문을 그리고 싶다!! 간판에 그림 넣기도!!!!!!!!
HTML/CSS Day 4 Margin HTML 박스1 박스2 CSS .box1{ background-color: blue; width: 80px; height: 80px; border: 10px solid black; } .box2{ background-color: red; width: 100px; height: 100px; } margin: top right bottom left; margin: top-bottom left-right; margin: 0 auto; 👉 top-bottom을 0으로, left-right을 자동으로 div.box1 입력하면 .mainbox{ border: 1px solid #ebebeb; width: 610px; text-align: right; margin: 30px auto; padding: 3..
HTML/CSS Day 3 HTML footer 태그를 여러개 추가하면, 위치와 상관없이 같은 CSS가 적용된다. 같은 태그 구분하기 같은 의 경우에 다르게 적용하고 싶다면? 👉 , 태그 사용 class 작은 글씨 또 다른 작은 글씨 .small-font{font-size:10px;} 👉 small-font라는 이름의 class라는 속성을 태그에 줌 👉 중복 사용이 가능함 (동일 이름을 여러 곳에 사용 가능) id 유일한 큰 글씨 #big-font{font-size:50px;} 👉 유일한 값을 사용해 꾸며줌 👉 중복 사용 X 아무 내용 .small-font{ font-size: 10px; } 아무 내용2 #big-font{ font-size: 50px; } Footer 1 - id를 이용해 큰 폰트 Footer 2,3 - clas..
HTML/CSS Day 2 HTML 김멋사 HTML/CSS 개발자 copyright LIKELION. All rights reserved. 이력서를 영어가 아닌 한국어로 language 속성을 ko(한국어)로 변경 meta 태그가 character set을 UTF-8로 사용한다. 👉 사용하지 않을 경우 한글이 깨질 수 있다. 👉 meta 태그는 닫힌 태그 없이 열린 태그만 존재 (스스로 닫는 태그) viewport는 우리가 보는 화면을 의미한다. 👉 모바일 기기로 봤을 때 content가 그 크기에 맞게 표시된다. copyright LIKELION. All rights reserved. 저작권 표시 CSS 연결 1. 탐색기(종이 아이콘)을 열어, CSS 새파일을 만들어 준다. 2. HTML과 CSS 두 파일을 연결 시켜준다. 👉 ..
HTML/CSS Day 1 html의 골격 이 다큐먼트의 타입은 html입니다. 이 안쪽의 문서가 html입니다. 문서에 직접 보이지 않는 부분(내부적으로 갖고 있는 정보)입니다. e.g. 제목, 저자, 대표 이미지, 검색 키워드 등 문서에 직접 보여지는 부분입니다. e.g. 이력서의 제목, 이력서의 내용 등 안녕하세요 태그 안에 넣으면 브라우저 상단에 보이는 탭의 제목에 나온다. 안에 넣은 정보인 태그는 브라우저에 표시된다.
혼공스 Day 9 Ch 04-1. 배열 배열(array)은 여러 자료를 묶어서 활용할 수 있는 특수한 자료입니다. 배열 만들기 배열은 여러 개의 변수를 한 번에 선언해 다룰 수 있는 자료형입니다. 👉 배열은 대괄호를 사용해 생성하고 내부의 값을 쉼표로 구분 👉 배열 내부에 들어 있는 값을 요소(element)라고 함 e.g. [요소, 요소, 요소, ... , 요소] > const array = [273, 'string', true, function () { }, {}, [273, 103]] undefined > array (6) [273, 'string', true, ƒ, {…}, Array(2)] 👉 (6) → 요소 개수 [273, 'string', true, ƒ, {…}, Array(2)] → 요소 배열 요소에 접근하..
혼공스 Day 8 Ch 03-2. switch 조건문과 짧은 조건문 switch 조건문 switch (자료) { case 조건A: break case 조건B: break // default 생략가능 default: break } 👉 홀수와 짝수를 구분하는 switch 조건문 예제 코드 👉 break 키워드는 switch 조건문이나 반복문을 빠져나가기 위해 사용하는 키워드 조건부 연산자 자바스크립트에는 조건문과 비슷한 역할을 하는 조건부 연산자가 있습니다. 불 표현식 ? 참일 때의 결과 : 거짓일 때의 결과 👉 자바스크립트에서 항을 3개 갖는 유일한 조건부 연산자 (삼항 연산자) 짝수와 홀수 구분하기 (누적 예제) 끝자리로 구분하는 방법 🤪 input[input.lenghth-1] 부분이 헷갈렸다. 👉 [input.leng..