03_[스파르타코딩클럽] 웹개발 종합반(15일 메이킹프로젝트 4기)

2021. 9. 30. 21:36Coding/2021. [스파르타코딩클럽] 웹개발 종합반(프로그래밍 실무, 풀스택)

해시태그 : #내일배움단 #코딩프로젝트 #국비지원 #내일배움카드 #스파르타코딩클럽

내용 목차

#코딩 개발일지 시작의 한마디

  • 3일차! 직접 코딩을 진행해보는 시간, 설치부터 어렵다.

# 개발 업무내용

[오늘의 목표]

  1.  VS CODE 설치 
    https://code.visualstudio.com/docs/?dv=win
  2. VS CODE와 HUB 설치/연동
  3. LIVE SHERE
  4. Bracket Pair Colorizer
  5. indent-rainbow

[토의 내용]

<아이디어 회의>

  • VS CODE를 쓸거면 "파이썬" "플라스크" "크롤링(리퀘스트뷰티폴...)" "몽고디비" "파이몽고" 를 직접 다운받아야 사용이 가능함.
  • 개발도구지 언어를 지원해주지 않기 때문에 직접 다운받아야 됨. 
  • VS CODE 초기셋팅은 파이참은 자동으로 되지만, VS CODE는 설치해줘야 함.

# 업무 중 이슈/고민 .. 그리고 해결한 내용

  • 개발협업을 위한 VS CODE를 설치하는 부분부터 전체적인 HTML/CSS 구성하는 부분까지 의논

1. VS CODE 설치 
https://code.visualstudio.com/docs/?dv=win

2. VS CODE와 HUB 설치/연동

3. LIVE SHERE

 

4. Bracket Pair Colorizer

 

 

최종 내가 설치한 프로그램들

5. indent-rainbow

 


TIP) 램카드 사서 꽂으면 빨라짐 (친절한 유진팀장님)


22:25  https://www.youtube.com/watch?v=EC7lQIk95C0
VS CODE를 쓸거면 "파이썬" "플라스크" "크롤링(리퀘스트뷰티폴...)" "몽고디비" "파이몽고" 를 직접 다운받아야 사용이 가능함.
개발도구지 언어를 지원해주지 않기 때문에 직접 다운받아야 됨. 

VS CODE 초기셋팅

파이참은 자동으로 되지만, VS CODE는 설치해줘야 함

 

 

그래서 나는.. 다시 3주차 강의를 다시 듣는다... 또르르

몽고DB랑 Git 다시 설치.... 연결.. cmd 영문+수많은 프로그램 설치/연결로 어려운 코딩세상

https://www.notion.so/3-ed5a2f9b258b4ac6bb63b95c3af4f6a5 

 

[스파르타코딩클럽] 웹개발 종합반 - 3주차

매 주차 강의노트 시작에 PDF파일을 올려두었어요!

www.notion.so

 

왜?? Live Server에 Open with Live Server가 안보이고

계속 오류만 뜨는걸까??????????

난 화면을 두쪽으로 나눠보고 싶은데.. 

드림위버처럼! 다들 되는데 나만 안되는 코린이세상

Live Server랑 확장프로그램

설치와 연동하다가 코딩 늪에서 탈주할 뻔한 코린이..

코딩 프로젝트 팀원들분들이 진짜

많이 도와주셨다..

정신적으로도!!!ㅋㅋ

복 받으실거에용😭

 

1. Live Server 내 확장 프로그램 설정에서 톱니바퀴 선택 후  [확장설정] 모두 선택

 

2. 모든 오류는 Browser Preview 프로그램 설치

 

후 해결!!!!!!!!!!

 

 

되기 전에 시행착오의 모든 문제들.. 마지막에는 캡쳐에는 없는

Browser Preview를 설치해라는 빨간 오류가 떴었다... 

 

 

Server is Started at port : 5500

 

Open a folder or workwpace...(File -> Open Folder)

 

 

# To-do List

[주요 일정]

코드 짜오기