[개발일지] [왕초보] 비개발자를 위한, 웹개발 종합반 1주차(스파르타코딩클럽)

[왕초보] 비개발자를 위한, 웹개발 종합반

5주차 커리큘럼은 이렇다.

 

1주차: html, css, javascript

2주차: jquery, ajax, api

3주차: python, 크롤링, mongo DB

4주차: 미니 프로젝트1, 미니 프로젝트2

5주차: 미니 프로젝트3, AWS

 

---

1주라고 하기엔 개인적으로 조금 시간이 더 걸리긴 했지만

커리큘럼에 있던 1주차 과정은 완주했다.

평소 코딩을 하고 싶긴했었지만 지금까지 스크래치만

조금 사부작사부작 움직여본 정도였지

(당시엔 사실 스크래치도 어렵다고 생각을 했었다)

https://scratch.mit.edu/

Scratch - Imagine, Program, Share

그랬던 필자한테는 이 과목이 굉장히 베이직하게

차근차근 배울 수 있는 커리큘럼으로 나름 어렵지 않고

재미있게 잘 구성되어 있어서 알차다고 생각했다.

 

일단 1주차를 들으면서

개발자들이 노션과

https://www.notion.so/ko-kr/product

내 위키, 문서, 프로젝트를 모두 한 곳에

구글링을 하면서 다양한 사람들이 이미 구성해 놓은 코드 조각들을

유용하게 사용하는 법을 맛보기로 본 것 같았다.

그런 조각들을 모아둔 사이트 중에 하나로

부트스트랩을 소개해준 것이 굉장히 재미있었다.

css 예쁜 꾸러미들이라고 표현을 하셨다.

https://getbootstrap.com/

Bootstrap

또한 개발자들이 공동으로

어떠한 프로젝트를 개발할 때에

주로 쓰이는 사이트가

https://github.com/

GitHub: Let’s build from here

이 GitHub이라는 곳이었는데

가장 기억에 남는 특징은

배포할 파일을 업로드 할 때 왠만해선 파일명이

index.html이어야 한다는 것이었다.

공동으로 코드를 짜고 수정하고 해야할 때에

굉장히 유용하게 쓰일 수 있겠구나 하는 것을

1주차 강의 듣고 같이 해보면서

체감하게 되었다.

---

개인적으로 1주차를 듣기 전에

코딩 용어들을 정리해둔 짧은 영상 같은 것을 시청하고서 보면

훨씬 도움이 될 것이라 생각한다.

 

필자도 스파르타코딩클럽 사이트 안에서

무료로 시청할 수 있게 해주는 영상 중 하나로

<1시간만에 끝내는 직장인 필수 코딩 용어 해설>

를 다 본 후에

<비개발자를 위한 웹개발 종합반>

강의를 들으면 굉장히 흥미롭고 

이제 무슨 말인지 몰랐던 용어들에 대해서

서서히 알아갈 수 있을 것이다.

 

제일 기억에 남는 것은 역시

영화 별점을 남기도록 하는 숙제를 포함한

웹페이지 만드는 것이었다.

 

이 강의에서는

VS CODE를 기본 소스코드 편집하는 프로그램으로 사용하는데

한글, 워드 같은 것이라 보면 된다고 한다.

https://code.visualstudio.com/

Visual Studio Code - Code Editing. Redefined

이 소스코드 편집기를 사용하여

코드를 짤 때 가장 기억에 남는 것들이 몇개 있다.

 

구역을 나누어 주는 div와

명찰처럼 이름을 달아주는 class

 

예전에 드림위버로 배울 때 잠깐 했었던

style 주는 것

 

이름을 지정해준 상태에서

.지정이된 div 이름 

에 한칸 띄고

대괄호를 만들어서 하나를 내리고

 

.mytitle {
            background-color: green;
            color: white;

            height: 250px;

            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;

            background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https://movie-phinf.pstatic.net/20210715_95/1626338192428gTnJl_JPEG/movie_image.jpg');
            background-position: center;
            background-size: cover;

 

뭐 이런 식으로 내용들을 채워간다.

이런게 재미있었다.

 

사용하다보면 초반에 정렬을 어떻게 해야하나 하는 경우가 참 많은데

그럴 경우에는 단축키

맥에서는 shift+option+F

윈도우에서는 shift+alt+F

 

필자를 PC 윈도우에서 작업을 하다가

맥북 에어 m1 노트북이 있어서

그냥 맥OS에서 작업을 진행하고 있다.

 

근데 이 강의는 동시 로그인이 안되도록 막아놓아진 상태인가보다.

PC에서는 강의 동영상을 크게 틀어두고

노트북으로 바로바로 보면서 작업하고 싶었는데

그게 안되는 환경이라서 좀 아쉬웠다.

 

처음에는 왜 자꾸 로그인이 안될까 싶었는데

같은 아이디로 다른 기기 동시 로그인이

안되는 것이었다.

 

사실 그러한 작은 불편한 것들만 아니면

1주차만 들었는데도 굉장히

만족스러운 강의였다는 생각이 들었다.