하나씩 배워나가는 개발일지

JS 기초에 대해 배웠다. 헷갈리는 개념 위주로 정리를 하려한다. defer HTML의 바디 부분에 존재하는 태그를 자바스크립트를 통해 사용하려면 main.js가 html 구조를 다 해석한 뒤에 동작하도록 만들어야하는데 이때 사용하는 속성 String, Number const string1 = "Hello" const string2 = 'Hello' // 백틱(`): 보관용도(데이터 넣기)로 사용 // 템플릿 리터럴: 기호를 통해 데이터를 만드는 방식(백틱을 통해 문자데이터를 만드는 것) const string3 = `Hello ${string1} ?!` // 부동소수점 오류 const a = 0.1 const b = 0.2 console.log(a+b) // 0.300...4 // toFixed(a):..

마크다운(markdown) 사용법에 대해 배웠다. 제목(header) #, ##, ###, ####, #####, ######를 사용해서 나타낼 수 있고 # 개수가 많아질수록 글씨 크기가 작아진다. 줄바꿈(Line Breaks) 태그를 사용 강조(Emphasis) 기울이기: _글씨_ 두껍게: **글씨** 취소선: ~~글씨~~ 밑줄: 글씨 목록(List) 1. 순서가 필요한 목록1 1. 순서가 필요한 목록2 1. 순서가 필요한 목록3 1. 순서가 필요한 목록3-1 1.순서가 필요한 목록3-2 1. 순서가 필요한 목록4 이렇게 다 1로 작성해도, 1. 순서가 필요한 목록1 2. 순서가 필요한 목록2 3. 순서가 필요한 목록3 3-1. 순서가 필요한 목록3-1 3-2. 순서가 필요한 목록3-2 4. 순서가 필..

23/07/17 실시간 강의 오늘은 웹 기초(HTML, CSS, JS)에 대해 간단히 배웠다. 배운 내용을 까먹지않게 정리해보자. HTML이란? - 웹을 이루는 가장 기초적인 구성 요소 - 웹 페이지를 만들기 위해 필요한 표준 마크업 언어 HTML 구성요소 요소(Element): 내용 - 태그 웹 문서를 구성하는 명령어 꺽새 안에 들어있는 정보 정의 종료 태그가 없는 , 과 같은 태그도 존재 -요소 시작태그, 종료태그, 그 사이의 내용으로 구성 블록 요소: h1~h6, div, list, p...시맨틱 태그 다른 블록 요소 포함 가능 인라인 요소 포함 가능 블록 요소 이후 블록 요소 사용하면 아래줄에 나타남 margin, padding값 가질 수 있음 인라인 요소: a, span, strong... 블록..

23/07/13 오늘은 깃 관리전략에 대해 배웠다. 세부 수업 목표는 다음과 같다. Git Flow, Github Flow 등을 공부하며 현업의 Git 관리 전략을 이해한다. .gitignore 를 활용한 파일/폴더 관리 제외 방식을 이해한다. 협업을 위한 Github 활용 과정을 직접 진행한다. 먼저, 깃 관리 전략에 대해 설명해보자. [Git 관리 전략] - git flow, github flow, gitlab flow의 개념 기본적으로 하나의 중심 브랜치로만 관리하는 것을 trunk라 한다. 거기서 필요할 때만 브랜치를 분기하는 것을 trunk based flow라고 한다. 현업에서는 다양한 방식으로 브랜치를 관리하고 있는데, 그 중에서 가장 대표적인 방식인 git flow, github flow,..

23/07/12 실시간 강의 개강 첫 날엔 OT를 진행하고 2일차부터 깃허브 강의를 시작했다. 첫 날은 로컬저장소 개념인 git을 배웠는데 이 부분은 예전에 다 정리해둬서 생략했다. 오늘은 브랜치 관련해서 배웠는데 프로젝트를 하면서 예전에 배웠지만 개념이 확실하지는 않아 제대로 정리해보려 한다. 개발할 때 브랜치를 나누는 이유 안전성을 위해 개발용 브랜치, 테스트용 브랜치 등등 main(deploy)을 배포용 버전으로 사용 develop 브랜치에서 개발을 다 마치면 main에 반영 브랜치 merge, rebase, pr 등에 대해 배웠는데 merge는 프로젝트하면서 자주 써서 잘 아는내용이라 기본적인 내용은 생략하고 fast-forward, rebase, pr에 대해 정리해보려한다. fast-forwar..