Boot Camp/Coding_Prep
-
Prep Calendar project 첫 번째 코드 리뷰Boot Camp/Coding_Prep 2021. 3. 8. 17:36
달력과제 제출한 것에 대한 코드 리뷰가 2일 전에 달렸다. 뜨든. 근데 나의 고질병 중에 하나인 아 어떡해 못보겠다 병이 도져서 오늘에서야 열어봤다. 이 것들은 다음 번 코드 작성시에 더 신경쓰도록 하자. README File 컴퓨터 구성, 설치법, 사용법, 저작권, 사용권, 배포자 연락처, 알려진 버그, 트러블 슈팅, 체인지 로그 등으로 구성되어 있다. 약간 코드의 사용설명서 + 히스토리를 담고 있는 내용? 자세한 점은 위키피디아 참조. Array 재활용 monthName, monthDays를 따로따로 Array 로 만들어서 지정해줬는데, Array 안에 key & value를 이용하여 하나의 큰 array를 사용하는 것을 권장해주셨다. const months = { JAN: { name: 'JAN',..
-
After Prep Project: Need to be improvedBoot Camp/Coding_Prep 2021. 3. 2. 16:19
CSS, JS, 그리고 html 삼위일체로 웹 프로젝트를 만들 수 있다는걸 깨달은 것도 잠시, 내 실력의 한계 ㅋㅋㅋㅋ 를 여실히 느낄 수 있었다. JS) 함수 안에 함수가 있을 때, 파라미터 혹은 글로벌 변수를 이용하여 다른 제 3의 함수에 값 건네주기 JS) addEventListener에서 function(event)와 function()의 차이 (직접 해봤을 때는 별 다른 점이 없어보였습니다.) JS) addEventListener 내부에 다른 함수가 또 있을 때, function 안에 function이 되는거라면 제일 자식 function은 글로벌로 어떻게 값을 보낼 수 있는지? (첫번째 질문과 유사) CSS) div말고 좀 더 다양한 요소를 다음에는 사용해보자 CSS) class말고 좀 더 다..
-
(D-17) Prep Self Study (Day 5) CSS: 7-10Boot Camp/Coding_Prep 2021. 2. 9. 15:35
@ 오늘의 목표: CSS 7-10 CSS Section 7: Font & Text poiemaweb.com/css3-font-text Font-size property: 텍스트의 크기를 정한다. .font-size-40 {font-size: 40px;} .font-size-2x {font-size: 2.0em;} Font-family property 여러 개의 폰트를 동시에 지정할 수 있다. 만일 첫번째로 지정한 폰트가 클라이언트의 컴퓨터에 설치되어있지 않은 경우, 다음에 지정된 폰트를 사용함. 따라서, 일반적으로 맨 마지막 폰트는 generic-family font(Serif, Sns-Serif, Mono space)를 지정한다. 폰트의 이름은 따옴표로 감싸준다. 폰트 이름이 한 단어일 경우는 따옴표 ..
-
(D-22) Prep Self Study Day 4: CSS 3~6Boot Camp/Coding_Prep 2021. 2. 7. 15:01
@ 오늘의 목표: CSS 3 ~ 8 @CSS section 3: Units poiemaweb.com/css3-units 크기 px: 1px = 1/96 inch 요소의 크기나 이미지의 크기 지정에 주로 사용됨. div{font-size: 14px;} % 요소에 지정된 사이즈에 상대적인 사이즈를 설정. body{font-size: 14px} div{font-siz: 120%} 28*2=56px ->56*2=112px rem em과 비슷하지만, root em 으로써 최상위요소(html)의 사이즈를 기준으로 삼는다. rem을 쓴다면 위의 예시처럼 중첩을 암만 시켜도 14*2=28px 만 나오게 된다. 사전에 Reset CSS를 사용하지 않는다면 font-size 미지정 시 16px가 적용된다. viewport..
-
(D-28) Prep Self Study Day3: CSS 1-2Boot Camp/Coding_Prep 2021. 2. 4. 15:58
@ 오늘의 목표 CSS Section 1~2 CSS Section 1: Syntex poiemaweb.com/css3-syntax CSS: Cascading Style Sheets. 구조화된 문서를 어떻게 렌더링할지 정의하기 위한 언어이다. define the style. Selector, property, property value h1 {color:blue; font-size:12px;} 여기서 h1 부분을 selector라고 부른다. 모든 h1이 declaration block 에 적힌 내용의 영향을 받는다. ':' 왼쪽= property, ';'오른쪽=property value. CSS & HTML, 연결시키기 Link style 외부에 있는 CSS file 을 link해준다. 권장사항. Embe..
-
(D-29) Prep Self study Day2: HTML 6-10Boot Camp/Coding_Prep 2021. 2. 3. 15:37
@ 오늘의 목표 진도 HTML 6-10 강 Section 6: Hyperlink poiemaweb.com/html5-tag-link Anchor tag: Visit google.com Visit google.com에 밑줄이 쳐지고, href에 적은 url로 클릭하면 이동한다. href Directory (a.k.a Folder) Root directory: 최상위: Windows: C:\ Home directory: 개별: Windows: C:\Users\{SooC} Working directory: 작업중: ./ Parents directory: 작업 디렉토리의 부모 디렉토리 ../ File path (href에 사용가능한 값) Absolute path: 현재 작업 디렉토리와 상관없음. 절대값. : h..
-
(D-30) Prep Self Study Day 1: HTML 1-5Boot Camp/Coding_Prep 2021. 2. 2. 15:36
강의 노트 겸 해서 만들어본다. 강의 내용은 poiemaweb.com 에서 들을 수 있다. @ 오늘의 목표 진도 - HTML Section 1 ~ 5 HTML Section 1 : Front-end Developer poiemaweb.com/Front-end 업무 User & Application's communicatioins -> User Interface. 상태 정보를 서버로 전송 & 서버의 데이터를 가져와서 표시 Design Front End Backend 기술: 배울 것 많음.(만만X) HTML, CSS, Javascript, HTTP, Git, SPA(Angular, React, Vue.js), Typescript, TDD(Test Driven Development).. HTML -> CSS ..