[혼자 공부해서 개발까지] Part0

 

 

자기소개

저는 현재 특성화고등학교 IT소프트웨어과에서 프론트엔드 개발자라는 꿈을 이루기 위해서 열심히 코딩 공부를 하고 있는 평범한 학생입니다. 제가 앞으로 올릴 글에 대부분의 내용은 아마 프론트 개발에 필요한 문법과 간단한 todo 프로젝트일 것 입니다.  저는 왜 블로그를 시작하였을까요?

 

블로그 시작 이유

1. 내가 공부한 내용 정리

• 어려운 내용을 다시 머릿속에서 정리할 수 있다.
• 내가 공부한 내용이 얼마나 되었는지 기록하기 위한 목적

2. 포트폴리오 준비

• 스스로 무엇이 부족한지, 어떤걸 더 준비해야 하는지 알아보기 쉽다.
• 개발자로 취업을 하기 위한 포트폴리오 준비

3. 자기주도학습 습관 만들기

• 공부하는 내용을 꾸준히 블로그에 올리면서 자연스럽게 나의 공부습관을 바로 잡을 수 있다.
• 업로드 날짜를 정하고 그외에 시간에는 코딩공부 + 내용정리(블로그 작성)을 통해서 규칙적인 생활패턴을 만든다.

 

이러한 목표를 이루기 위해 앞으로 여기에 저만의 작은 이야기를 글로 작성해 나갈 것 입니다. 비록 무엇가를 꾸준히 한다는 것을 결코 쉽지 않겠지만 프론트엔드 개발자라는 꿈을 이루기 위해 성실히 끝까지 달려나가겠습니다😊

 

 

[혼자 공부해서 개발까지] - 목차

1. HTML 
   • HTML 이해하기
   • HTML 태그들
2. CSS
   • CSS 이해하기
   • display: flex와 grid
   • CSS 심화
3. Todo 프로젝트 만들기
4. JS 시작하기
   • js기초
   • DOM이란?
   • js 이벤트 알아보기

 

 

개발환경 설정

 

제가 혼자 공부해서 개발까지를 진행하면서 사용할 개발도구는 Visual Studio code입니다. 간단한 환경설정을 끝으로
part0을 마무리 하겠습니다.

 

 

1. Visual Studio code 다운로드 

링크를 클릭

https://code.visualstudio.com/

Visual Studio Code - Code Editing. Redefined

 

 

 

 

 

2. 설치 진행

 

동의함으로 변경 후 다음을 계속 눌러주세요

 

 

3. 실행창

front 폴더를 만들고 이제 그 폴더에서 작업을 하면 됩니다.

 

 

전

 

후

 

 

 

 

마무리

---

part1부터는 본격적으로 front, 즉 화면단을 개발하는 가장 기초적인 것들을 배워보도록 하겠습니다. Visual Studio code에는 다루지 못한 기능들이 많으니 구글링을 통해 직접 찾아보시는 것을 추천드립니다. 이것으로 [혼자 공부해서 개발까지]
첫번째 파트를 마치겠습니다. 감사합니😊