학습법에 대한 조언 부탁 드립니다.

조회수 880회

안녕하세요 야무 선생님.

선생님께 수업 내용이 아닌 학습법에 대한 조언을 구하고 싶어서 질문을 드리게 됐습니다.

저는 웹 관련 지식이 거의 전무한 상태에서 본 강의를 수강하기 시작 했고, html 강의를 꾸역꾸역 끝낸 상태로 이어서 바로 css를 학습 중입니다. css를 1/3 정도 진행한 상태인데요. 이해도가 많이 부족한 상황에서(html과 달리 실습에 적용이 잘 안된다는 느낌을 많이 받았습니다.) 억지로 진도를 끌어가고 있다는 느낌을 가지게 되어서 복습을 해야겠다는 생각을 가지게 됐습니다.

원래 프론트엔드 온라인 강의와 개별적으로 자바 프로그래밍을 학습하고 있었는데, 수강기간이 얼마 남지 않아서 자바 공부는 진도를 멈추고 복습 위주로 가볍게 진행하며 당분간 프론트엔드 강의에 조금 더 시간 배분을 할 생각인데요. 학습 계획과 학습법에 대해 조언을 구하고 싶습니다.

1.현재까지 공부한 html, css(1/3 진행한 상황)를 앞부분부터 다시 복습 위주로 진행 하면서 선생님의 자바 스크립트 강의를 병행해도 무리가 없을까요? 앞부분이 탄탄하지 못하다보니 자바 스크립트 강의를 수강하면서 css 때문에 막히는 부분이 생기게 되지 않을까 하는 우려를 가지게 되네요.

2.실습 방법으로 다른 사이트의 페이지를 똑같이 따라서 만들어보려고 하는데, 제 주관대로 마크업과 레이아웃을 구성 해보고 개발자 도구를 활용해 비교 해보는 방법으로 실습을 해도 될까요? 실무 이외에 혹시 더 좋은 실습 방법이 있다면 조언 부탁 드릴게요.

좋은 강의 해주셔서 감사합니다.

  • (•́ ✖ •̀)
    알 수 없는 사용자
  • 음.. 오해 없이 들으셨으면 좋겠는데.. 제일 흥미가 끌리고 좀더 안 질릴 것 같은 걸 잡아서 파보세요. 그게 자바건 C건 JS건 상관없고 아마도 웹개발을 공부하고 싶으신 것 같은데 어차피 웹개발이라는 건 이것저것 다 보기는 봐야 합니다. 그래서 그냥 제일 꾸준히 할 수 있을 것 같은 걸 잡고 계속하시면 다른 것들은 따라올(수밖에 없을)것이라고 봅니다. 엽토군 2019.1.9 14:40
  • 프로그래밍 공부를 먼저 시작하게 됐지만 궁극적으로 만들고 싶은게 있어서 HTML, CSS, JavaScript 까지 손을 대게 되었네요. 공부를 하면 할수록 엽토군님 의견에 동의하는 점이 많아지고 있어요. 읽어주시고 조심스럽지만 도움이 되는 조언 해주셔서 감사합니다^^; 알 수 없는 사용자 2019.1.10 19:40

2 답변

  • 안녕하세요 Museop 님 ^ ㅡ ^

    학습법 질문에 답변 드립니다.

    Q1

    현재까지 공부한 html, css(1/3 진행한 상황)를 앞부분부터 다시 복습 위주로 진행 하면서 선생님의 자바 스크립트 강의를 병행해도 무리가 없을까요? 앞부분이 탄탄하지 못하다보니 자바 스크립트 강의를 수강하면서 css 때문에 막히는 부분이 생기게 되지 않을까 하는 우려를 가지게 되네요.

    A1

    시간이 부족하다고 하셨으니 JavaScript 강의를 진행하면서 UI 프로그래밍 시에 적용되는 HTML, CSS 코드를 살펴보면서 복습 하시길 권합니다. 직접 CSS를 사용하여 UI를 구현하지 못하더라도 JavaScript 수업을 듣는데 문제는 없습니다.

    JAVA 프로그래밍을 공부 중이라고 하셨으니 프로그래밍 언어의 기본 문법은 알고 계실거라 JavaScript 프로그래밍 진도를 빠르게 뽑을 수 있을 겁니다. 다만, JAVA 프로그래밍과 JavaScript 프로그래밍은 많은 부분이 다르므로, 공부할 때 혼동되지 않게 주의하며 공부하길 바랍니다.

    JavaScript 강의 후반부는 Ajax 비동기 통신과 REST API에 대해 다루면서 데이터를 템플릿에 바인딩 하여 UI를 만드는 훈련을 하게 됩니다. 최근의 프론트엔드 개발은 프레임워크를 사용하기 때문에 데이터, 템플릿, 뷰의 구조에 대해 필히 공부해야 합니다.우선 이러한 프로세스를 충분히 학습한 후, 시간적으로 여유가 된다면 CSS 학습을 이어가시길 바랍니다.

    Model + Template = View

    Q2

    실습 방법으로 다른 사이트의 페이지를 똑같이 따라서 만들어보려고 하는데, 제 주관대로 마크업과 레이아웃을 구성 해보고 개발자 도구를 활용해 비교 해보는 방법으로 실습을 해도 될까요? 실무 이외에 혹시 더 좋은 실습 방법이 있다면 조언 부탁 드릴게요.

    A2

    말씀하신 방법은 효과적인 훈련 방법 임에 틀림 없습니다. 다만, 화면에 보여진다고 해서 모두 올바르게 구조, 스타일링 된 것은 아닙니다. 영상 강의에서 보고 들었던 것처럼 실무에서 만들어진 웹 사이트 코드가 100% 올바른 코드로 구성되어 있지 않습니다.

    이 점에 주의하면서 공부 하셔야 효과적 입니다. "실무 웹사이트 코드 따라하기"가 목적이 되어서는 안되며 문제 찾기, 검증, 해결 단계를 병행하여 학습하시는 것이 좋습니다. 비록 시간이 더 많이 소요된다 하더라도 말이죠.

    예를 들어 실무 웹사이트를 따라 만들어 보면서 잘 알지 못하는 HTML 요소, CSS 속성이 나왔을 경우 그냥 그런가 보다 하고 넘어가기 보다는 영상 강의에서 해당 부분을 찾아 공부 하면서 이해하고 활용하는 방향으로 공부가 되어야 할 것 입니다.

    Conclusion

    말씀드린 기준에 준한 학습을 충실히 한다면 비교적 짧은 시간에 많은 것을 얻으실 수 있을 거라 생각됩니다. 하지만 말처럼 쉬운 것만은 아니니 끈기와 노력이 수반되어야 할 것입니다.

    마지막으로 당부하고 싶은 것은 정석대로 공부하는 것은 많은 시간을 소요하지만, 탄탄한 내공을 키울 수 있습니다. 반면 속성 공부는 비교적 짧은 시간 내에 성취를 이룰 수 있더라도 내공이 탄탄하지 못함에 유의 하셨으면 좋겠습니다.

    • (•́ ✖ •̀)
      알 수 없는 사용자
  • 이렇게 자세한 답변 해주실줄은 몰랐는데 정말 감사합니다;

    "JavaScript 강의를 진행하면서 UI 프로그래밍 시에 적용되는 HTML, CSS 코드를 살펴보면서 복습" 이라는건 JavaScript 강의에 활용된 예제의 HTML, CSS 코드 분석이라고 이해하면 될까요?

    공부 방법에 대해 의구심이 많았는데 조언 해주시고 확신을 갖게 해주셔서 감사합니다.

    • (•́ ✖ •̀)
      알 수 없는 사용자
    • 네 맞습니다. JavaScript 강의에서 UI를 컨트롤 하기 위해 마크업 또는 스타일을 조작하게 됩니다. 그런 경우 어떤 원리로 작동 하는지 분석하는데 도움이 많이 됨을 이야기 드린 것입니다. ^ㅡ^ 아 그리고.. 답변이 적절하다면 관련 질문 채택을 부탁드립니다. 다른 학생도 질문과 동일한 고민을 가졌을 때 채택된 답변을 신뢰하고 읽어볼 수 있기 때문입니다. ^^ 알 수 없는 사용자 2019.1.10 21:43
    • 추가 질문이 있어서 채택이 늦어졌네요^^; 상세한 답변에 다시 한번 정말 감사 드립니다. 알 수 없는 사용자 2019.1.11 02:44

답변을 하려면 로그인이 필요합니다.

프로그래머스 커뮤니티는 개발자들을 위한 Q&A 서비스입니다. 로그인해야 답변을 작성하실 수 있습니다.

(ಠ_ಠ)
(ಠ‿ಠ)