완주를 향하여

더보기 JavaScript 강의를 듣고 정리한다. HTML과 CSS로 만든 프로젝트에 JavaScript로 몇가지 기능을 추가한다. 1. 필수 강의 정리 스스로 기억하고 싶은 것만 기록 HTML/JS/CSS로 나만의 MBTI 사이트 만들기 [하루 10분|Web Project] HTML/JS/CSS로 나만의 MBTI 사이트 만들기 - 구름EDU HTML / JS / CSS 만을 가지고 직접 MBTI 테스트 사이트를 만들고, 배포해보는 Project 사이트를 제작합니다. edu.goorm.io 자바스크립트 DOM & EVENT 자바스크립트 DOM & EVENT www.youtube.com 2. HTML & CSS 프로젝트에 JavaScript기능 추가

더보기 JavaScript 강의를 듣고 정리한다. HTML과 CSS로 만든 프로젝트에 JavaScript로 몇가지 기능을 추가한다. 1. 필수 강의 정리 스스로 기억하고 싶은 것만 기록 [드림코딩] 자바스크립트 기초 강의 (ES5+) 자바스크립트 기초 강의 (ES5+): 같이 노트를 작성하며 배워요 📒 www.youtube.com 더보기 1. 자바스크립트의 역사와 현재 그리고 미래 (JavaScript, ECMAScript, JQuery, Babel, Node.js) 탄생배경 동적 기능을 구현하기 위한 스크립트 언어 (1995) 자바의 인기에 업혀가려고 LiveScript -> JavaScript 마소의 JScript에 지쳐 ECMAScript로 표준화(1997) AJAX도입(2004) - 서로 다른 브..

더보기 HTML요소를 익힌다 CSS 익히기 간추려 개인 블로그에 글을 올린다 1. 필수 강의 정리 비전공자를 위한 HTML/CSS 부스트코스(boostcourse)는 모두 함께 배우고 성장하는 비영리 SW 온라인 플랫폼입니다. m.boostcourse.org 스스로 기억하고 싶은 것만 기록 HTML Hyper Text Markup Language 기본구조 Hello, HTML ​ 글로벌 속성 : 모든 태그에 사용가능한 속성(id, class) 앵커태그의 내부링크 를 통해 페이지 내부의 특정 요소로 초점을 이동 가능 내부 링크를 사용할 때는 href 속성값에 #을 쓰고 그 뒤에 페이지 내에서 이동하고자하는 요소의 id 속성값 작성 컨테이너 태그 : block-level tag. 레이아웃(전체적인 틀)을 만..

더보기 Git, Github 사용법을 익힌다. 블로그를 배포한다. 마크다운 문서를 작성한다. 개인 블로그에 글을 올린다 1. 필수 강의 정리 스스로 기억하고 싶은 것만 기록 + 다양한 Merge 방법 Fast-Forward main branch의 Head Commit이 분리된 branch의 Head Commit 이후로 이동된다 단순하게 커밋 이동과 같은 효과이기에, merge commit 이력이 생기지 않는다 non-Fast-Forward 분리된 branch가 main branch의 모든 커밋정보를 갖고있지 않음 (main branch에 새로운 커밋이 있는 경우..etc) 병합하면 main branch 커밋 이력에 feature branch와 병합(merge)된 새로운 커밋으로 생성 gitflow 기본은..

본격 스터디 시작 전 이름만 들어본 개념들 후루룩 적어보기 Node.js 프레임워크 Express Koa Fastify FE 프레임워크 - SSR React - Next.js Vue - Nuxt Angular(ts 기본) 상태관리 라이브러리 redux, mobx zustand CSS css in css(css전처리기) - scss, sass css in js - styled-components 블로그 배포 heroku hexo gatsby vercel Netlify TypeScript : JavaScript superset convention : ESLint(js,ts), PMD(Java) Formatter : Prettier data-fetching library: React-Query 번들러 : We..