🙋🏻‍♀️학습 로드맵 + 공부방법 정리

(코딩웍스 선생님께 약 일년 전에 질문드렸던 로드맵 질문 관련 답변을 다시한번 정리해둔다..!)

안녕하세요. 감나무님~

질문글을 읽는데 마음이 좀 무겁네요.
하지만 누구에게나 시행착오가 있습니다. 저도 그랬구요.
너무 마음 쓰지 마시고 다시 시작하시면 됩니다.
사실 처음하는 사람보다 어정쩡하게 경험을 한 사람이 로드맵 잡기가 더 어렵거든요.

빠른 시간에 결과를 볼 수 있다고 생각하는 내용을 적어볼게요.


1. 바른 코딩습관 기르기, 자신만의 학습 로드맵 만들기

이건 '퍼블리셔 취업 진짜 실전 가이드'에 있는 것처럼 하시면 됩니다. 나중에 일하다 보면 자신의 스타일이 생기는데 그전에는 전자책에 있는걸 따르도록 노력하세요.

2. 퍼블리싱 기본기 갖추기

이건 HTML+CSS 교재를 통해서 거의 완벽하게 이해하시도록 하세요. 이론을 확실히 하지 않고 예제 위주로 공부하시면 실력이 잘 늘지 않습니다. 일단 HTML+CSS 핵심이론을 확실히 하셔야 합니다. 시중에 교재를 사셔도 좋고 코딩웍스 강의중에 '퍼블리싱 핵심이론 PDF 교재 및 예제파일(HTML+CSS+FLEX+JQUERY)' 강의가 있습니다. 정말 필요한 내용들로만 만든거에요. flex 핵심이론도 충실히 되어 있습니다. 그리고 html 예제도 있으니까 연습하시기 좋으실거에요. 그리고 나중에 취업 전에 그리드(Grid) 레이아웃 공부하시면 됩니다. 그리드는 먼저 이야기 한 것들 하고 나서 하시면 됩니다.

3. 공부한 퍼블리싱 이론을 실전 예제를 통해 확실히 하기

핵심이론을 통해서 기본기를 충실히 했다면 이제 실전 예제를 통해서 그 핵심이론을 활용하고 다른 형태로 응용하는 훈련을 합니다. 지금 수강하고 있으신 'HTML+CSS+JQUERY 포트폴리오 실전 퍼블리싱' 과정을 말하는 겁니다. 지금 이 과정 공부하시는거 멈추시고 1번, 2번 스텝을 확실히 하고 나서 다시 시작하세요. 1번, 2번 스텝이 확실하지 않은 상태에서 3번 스텝은 큰 의미가 없습니다.

4. 전체 웹사이트 만들기

1,2,3번 스텝이 되면 자연스럽게 전체 웹사이트를 제작해야 하고 그리고 충분히 그럴 실력이 되어 있을 겁니다. 제 강의 중에 '반응형 웹사이트 포트폴리오(Architecture Agency)' 하시고 그 다음 '플렉스(Flex) 반응형 웹사이트 포트폴리오(The World's Best Cities)' 하시면 됩니다.

조만간에 그리드(Grid) 핵심이론 및 활용 강의도 업로드 되니까 이건 나중에 마지막 스텝으로 공부하세요.

위에 말씀드린 것들을 순차적으로 해나가시면 취업할 수 있는 실력, 취업해서 일도 잘 할 수 있는 실력을 갖추실 수 있다고 생각합니다.

당부드리고 싶은건 마음이 급하다고 위에 과정을 동시에 공부하지 마세요. 마음은 알지만 여러개 동시에 듣는다고 그게 자기 것이 되는게 아니거든요. 오히려 혼란스럽기만 합니다.

1,2,3,4 스텝으로 하시고 마지막에 취업용 개인 포트폴리오 홈페이지 제작하시면 됩니다.


늘 화이팅 하시고 궁금한 점 있으면 또 글 주세요~^^

참... 제이쿼리는 '퍼블리셔 취업 진짜 실전 가이드' 과정에 제이쿼리 학습 범위라는 PDF에서 붉은 색으로 체크된 부분 공부하시면 됩니다. 제이쿼리 공부는 2번 스텝입니다.

+

📖 코딩웍스가 추천하는 학습순서
[#01] 면접과 취업을 부르는 '퍼블리셔 개인 포트폴리오 홈페이지' 제작
[#02] 반응형 웹사이트 포트폴리오(Architecture Agency)
[#03] 반응형 웹사이트 포트폴리오(App Official Landing Website)용
※ 수강생에 따라 [#02] 또는 [#03] 순서가 달라져도 상관 없습니다. 하지만 개인 포트폴리오 홈페이지를 제작해야 하는 단계의 수강생의 경우 가급적 [#01] 면접과 취업을 부르는 '퍼블리셔 개인 포트폴리오 홈페이지' 제작을 먼저 보시고 전체적인 방향성을 잘 잡으시길 추천드립니다.

+

📔 실전예제 제작 추천 학습법
1회차 : 아무생각 없이 영상을 끝까지 봅니다(제작하는 흐름 정도 이해하시는게 목적).
2회차 : 영상 보면서 따라하다가 멈추고 본인 코드 작성하고 브라우저 확인하는 식으로 하세요.
3회차 : 영상을 보지 않고 소스 파일(이미지, 텍스트)만 준비해서 영상의 도움없이 스스로 만드세요. 정말 생각 안나면 잠깐 보시구요.