[부트스트랩5 무료 강좌] 웹 프로그래밍을 위한 준비 사항

안녕하세요. 코드덤입니다. 

이제 본격적으로 웹 사이트를 만들기 위한 준비를 해 볼 거예요. 

 

2가지 준비사항이 필요한데요. 

 

 

첫 번째는 웹 브라우저입니다! 

웹 브라우저는 여러분이 사용하는 웹 브라우저를 사용해서 진행해 주시면 됩니다. 

단, 인터넷 익스플로러는 공식적으로 서비스가 종료되었죠.

그리고 부트스트랩 5 또한 인터넷 익스플로러와는 더 이상 호환되지 않습니다.

그래서, 크롬이나, Edge, 파이어폭스를 사용해 주시면 되는데요. 

 

본 과정에서는 크롬 브라우저를 기준으로 설명을 드릴 거예요. 

그리고 저희는 개발자 도구창을 사용할 거예요.

만약 개발자 도구창 사용에 아직 익숙하지 않으시다면, 크롬을 다운로드하셔서 사용하실 것을 권해 드립니다.  

크롬 브라우저는  대부분 설치되어 있으실 것 같은데요. 만약 설치되어 있지 않다면, 구글에서 크롬을 검색해서 다운로드하실 수 있습니다. 다운로드 과정은 어렵지 않으니까요. 쉽게 설치하실 수 있으실 거예요. 

 

두 번째는 편집기인데요. 

서브라임 텍스트, 아톰, 노트패드와 같은 다양한 웹 편집기가 있어요. 

본 과정에서는 vs code를 사용해서 진행합니다. 

 

비주얼 스튜디오 코드(visual studio code)는 마이크로소프트에서 개발한 편집기인데요. 

무료 편집기이지만, 상당히 강력한 기능을 지원하고 있습니다. 

윈도우, 맥, 리눅스에서 모두 사용 가능합니다! 

vs code 다운로드 링크 : https://code.visualstudio.com/

설치 방법은 매우 간단합니다. 

기본 설치과정만 그대로 따라서 진행하시면 되세요~ 

자세한 설치과정은 상단의 영상에 자세히 담겨 있습니다! 

 

설치가 완료되면, 라이브 서버라는 확장 프로그램을 설치해 주시면 됩니다. 

이 live server를 설치하면, 저희가 작성해 나가는 코드를 저장할 때마다 실시간으로 웹 브라우저에서 확인할 수 있습니다. 

이 과정 또한 상단의 영상에 담겨 있어요! 

 

자, 그럼 이제 웹 사이트를 만들어 나갈 모든 준비가 완료되었습니다. 

다음 강의부터 본격적으로 웹 페이지를 만들어 보겠습니다! 

 

부트스트랩을 보다 체계적으로 배워나가고 싶다면, 아래 부트스트랩5 강좌를 참고해 주세요!

HTML과 CSS의 기초 핵심 개념부터 웹 사이트 배포까지 전체적인 흐름을

총 2가지 포트폴리오 사이트를 만들어 나가며 체득해 나갈 수 있도록 구성된 강의입니다! 

[부트스트랩5] 빠르고 스마트하게 웹 사이트 만들기 [입문용] - 인프런 | 강의

부트스트랩은 전세계적으로 가장 많이 사용되고 있는 css/자바스크립트 프레임워크입니다! 

우리는 이 bootstrap을 통해서 수준 높은 웹 사이트를 빠르게 만들어 낼 수 있습니다! 

부트스트랩 5를 통해서 세상에 단 하나뿐인, 여러분만의 색을 입힌 웹 사이트를 세상과 공유해 보세요!