프론트엔드 개발 첫 걸음 어디에서 부터 시작해야할까?

프론트엔드 개발 시작은 무엇을 배우면서 시작을 해야할까?

 

 

 

 

 

컴퓨터, 프로그램에 대해서 비전공자로서 코딩을 배우고자 할 때 무엇부터 해야할지 몰랐죠.

 

갈 길은 보이지 않고 멀게만 느껴지고.

 

C언어에서 부터 시작해야 할까?

 

아니면 정보처리기능사 부터 따야하나?

 

그런데 C언어 부터 시작을 할려니 왠지 어려울 것 같은 심적 부담감이......

 

아내는 DB를 배웠고, 형이랑 동생은 정보처리산업기사를 따고 해당분야에서 일을 하고 있으니 C언어도 해볼만하다고 했는데 막상 C언어 부터 시작하려니 막막했죠.

 

 

거기에다가 이제 C언어를 배운다고 해서 프로그래머까지 성장할 수 있는 것도 아니고......

 

인터넷에서 여러 경험담도 읽고,

 

유튜브에서 이런저런 동영상을 보면서,

 

드디어 나에게 맞겠다고 생각을 하면서 선택한 것이 프론트엔드 개발자 !!

 

그럼 프론트엔드 개발자가 될려면 무엇부터 배워야할까?

 

또 알아보기 시작했죠.....

 

답은 하나 !!

 

Html과 CSS 부터 시작을 했습니다.

 

생활코딩에서 진행하는 강의도 들으면서,

 

처음으로 에디터도 설치해 보고.

 

잘 모르는 상태에서 공부를 하면서 유튜브에서 여러 다른 사람의 강의를 듣다 보니 각각 다른 에디터를 써보게 되고.

 

그래서 에디터는 브랫킷, 비쥬얼 스튜디오 코드, 서브라임 텍스트, 아톰을 사용도 해보고.

 

내가 생각해도 참......

 

처음 코딩을 시작하시는 분들은 생활코딩 강의 부터 시작을 해보세요.

 

각 강의 시간이 8분, 12분 등으로 짧아서 처음에 부담이 적습니다.

 

또한 아주 기초부터 설명을 해주기에 저같은 비전공자들에게 더욱 좋습니다.

 

https://www.youtube.com/user/egoing2/featured

생활코딩

 

 

생활코딩 강의를 듣고 기초를 조금 다지고 나서 들은 강의는 뉴렉님.

 

생활코딩 보다는 강의시간이 길지만 학습의 깊이가 더 깊어져서 좋습니다.

 

https://www.youtube.com/channel/UC5-ixpj8DioZqmrasj6Ihpw

뉴렉처

 

 

뉴렉 강의를 들으면서 좀 따분하게 느껴질 때 중간중간에는 Online Turorials를 보면서 따라하기~~~~

 

동영상은 5분에서 10분이며, 코딩과정을 하나하나 동영상으로 보여줍니다.

 

하지만 타이핑 속도를 따라가지 못해서 중간중간 동영상을 멈추었다가 다시 뒤로 돌렸다가 하면서 코딩을 따라 했습니다.

 

그래서 하나의 동영상을 다 따라하는데 처음에는 30분이나 걸렸죠.

 

각양 각종의 CSS 기능을 배우기에는 Online Turorials가 좋았습니다.

 

중요한 것은 단순히 눈으로만 보지말고 시간이 걸려도 꼭 에디터로 코딩을 따라해 보기 !!

 

때로는 중간에 오타를 내서, 아니면 잘못 타이핑을 해서 어디가 잘못된건지 찾는데 시간을 허비하기도 했죠.

 

이렇게 잘못을 찾아내는 것도 내공을 쌓는데 도움이 많이 됩니다.

 

 

https://www.youtube.com/channel/UCbwXnUipZsLfUckBPsC7Jog

Online Tutorials

 

이렇게 2~3달 보내면서 이제 코딩을 좀 알겠다 싶을 때 시작한 것이 토막내용이 아닌 전체 웹페이지를 만드는 걸 따라하기.

 

웹페이지 만드는 과정을 처음부터 하나하나 따라하면서 이제 헤더를 어떻게 하고, 메인화면을 어떻게 하는지 알게 되고, 웹페이지 코딩에 대해 전반적인 지식을 쌓을 수 있습니다.

 

이때 들었던 강의가 리베하얀님의 강의.

 

https://www.youtube.com/channel/UCq7-gOh15ChDcFJ9xN9SYmg

리베하얀

 

 

이렇게 퍼블리셔에의 영역에, 프론트엔드 개발자의 영역에서 첫걸음을 시작하고자 했을 때 공부했었던 내용을 정리해 보았습니다.

 

html과 css에 어느정도 내공이 쌓이면 javascript와 각종 프레임워크, 라이브러리를 공부해 나가면 됩니다.

 

시간 틈틈히 포토샵과 같은 이미지 에디터와 구글의 확장프로그램을 배워두면 코딩 작업효율을 높이는데 많은 도움이 되니 참고하세요.