클린코드 자바스크립트(JavaScript)

자바스크립트를 위한 코드 스타일부터 습관 그리고 클린 코드에 대해 함께 고민해보고 그 이유에 대해 탐구하고 또 학습해보는 시간을 가집니다.

4.34 (626 reviews)
Udemy
platform
한국어
language
Web Development
category
instructor
클린코드 자바스크립트(JavaScript)
5,168
students
11 hours
content
Jan 2024
last update
$64.99
regular price

What you will learn

JavaScript로 코드를 작성하는 방법에 대해 고민해봅니다.

JavaScript 코드를 작성할 때 위험을 예방하고 관리합니다.

JavaScript의 특성을 파악합니다.

흔히 알려진 JavaScript 코드 스타일에 대한 견해를 탐구합니다.

클린 코드가 무엇인지를 JavaScript를 통해 학습합니다.

Why take this course?

자바스크립트로 코드를 작성하며 이런 경험이 있으신가요?

  1. Next.js, SWR, React Query, Recoil, TypeScript 들어본 기술들은 다 배워야할 것 같은데 지금 현재 내 실력을 가늠하지 못하겠다.

  2. React, Angular, Vue 등의 도구를 사용하며 예상처럼 동작하지 않아 어려웠던 경험을 마주한 적이 있다.

  3. 구글링으로 급하게 문제를 해결은 하지만 동작 원리에 관심을 가지지 않는다.

  4. 팀내 사수, 리드 개발자 그리고 유명한 네임드 개발자들의 성향을 그대로 따라한다.

  5. 유명한 JavaScript 코드 스타일 가이드만을 보고 맹목적으로 따른다.

  6. 대중적으로 Vanilla JavaScript 의 중요성을 강조하고 있는데 그 이유를 피부로 느껴보지 못했다.


자바스크립트를 위한 클린 코드 그리고 클린 코드를 위한 자바스크립트
강의는 크게 이런 구성을 통해 학습을 유도합니다.


1. 클린 코드에 대해 고민하기 ?

  • 타인이 정의한 답을 의심합니다.

  • 배움에 열린 태도를 가집니다.

  • 직접 생각하고 또 고민합니다.

  • 클린 코드가 무엇인지를 자바스크립트를 통해 학습합니다.

  • 흔히 알려진 자바스크립트 코드 스타일에 대한 견해를 탐구합니다.

2. JavaScript 특성 파악하기

  • 언어의 특성을 파악하여 실수를 예방합니다.

  • 언어의 예상 실행 결과를 탐구하며 안전한 코드를 작성합니다.

3. 사례를 통해 파악하기

  • Bad Case와 Better Case로 구체적인 코드를 파악해봅니다.

4. 좋은 코드 작성을 위한 의식적인 수련

  • 의식적인 수련을 유도하여 좋은 습관으로 개선합니다.

  • 코드 리뷰 교육 플랫폼 NEXTSTEP에 참여하시면 배운 내용을 실제로 적용하며 피드백을 받을 수 있습니다.

Screenshots

클린코드 자바스크립트(JavaScript) - Screenshot_01클린코드 자바스크립트(JavaScript) - Screenshot_02클린코드 자바스크립트(JavaScript) - Screenshot_03클린코드 자바스크립트(JavaScript) - Screenshot_04

Reviews

종현
August 23, 2023
일반적인 자바스크립트 강의와는 다릅니다. 자바스크립트의 개념을 주로 다루기 보다는 정말로 어떻게 하면 자바스크립트 코드를 클린하게 작성할 수 있을지에 대해서 다루기 때문에 자바스크립트의 기초 개념은 공부한 뒤에 들어보는 걸 추천합니다.
김유나
July 20, 2023
무의식적으로 사용하던 부분들을 왜 그렇게 작성해야하는지 자세히 알게 되었고, 모르는 부분도 많이 알게 되었습니다. 현업의 입장에서 왜 이게 클린코드인지를 알려주셔서 좋았습니다. 자바스크립트 공부하시는 분들이 듣기에 좋은 강의라고 생각합니다. 추천합니다!
박인후
February 14, 2023
1년차 개발자 입장에서 좋았어요. 특히 실무에서 잘 지켜지지 않는 부분들, 내가 회사에서 작성하고 있는 코드들이 맞는가? 이런 고민을 많이 했는데 그 부분이 해결되는 느낌이라 좋았습니다.
승현
January 19, 2023
책을 찾아봐도 구글링해도 정확한 정보를 찾기 어려웠던 부분을 다루고 있어서 실제 코드 작성하는데 많은 도움이 되었습니다..! 객체부분도 어려움이 많아서 빨리 듣고 싶은데 업데이트 기다리겠습니다 :)
yongseok
September 13, 2022
js에서 모르던 부분을 더 이해할 수 있게 되었다. 코드를 짜면서 가독성에 대해서 고민만 했지 더 좋은 방법을 알기위한 노력이 부족했는데, 강의를 통해서 조금은 더 알게 된 것 같다.
Kyung
July 23, 2022
가려운 부분을 긁어주는 강의라고 생각합니다. 기본을 배우고 실무에서 로직을 짤 때 이거 이렇게 해도 되는건가? 뭔가 더 좋은 방법은 없을까? 궁금했던 부분에 대한 답을 얻을 수 있습니다. 강의 시작할 때 말씀하신대로 클린한 코드에 대한 정답은 없겠지만 적어도 내가 짠 코드에 대해서 다시 한 번 생각할 수 있는 계기를 만들어 주는 것 같습니다. 좋은 강의 감사해요!
Nayoung
June 1, 2022
코드를 작성할 때 알면서도 놓치기 쉬운 부분을 짚어주셔서 너무 유용했고 모든 강의에 있지는 않지만 영상 후반부에 정리해주시는 파트가 좋았습니다. 손에 익을 때까지 여러번 돌려볼 예정입니다. 하반기에 나올 나머지 강의들도 기대돼요!
강창유
May 24, 2022
자바스크립트를 실무에서 사용할때, 조금 더 코드를 깔끔하고 간결하게 사용할 수있게 도와주는 강의입니다. 뭔가 제 코드가 깔끔하지 못하고 불만족스러운 부분이 많았는데, 여기서 배운 부분을 활용해보려 합니다. 이후 강의가 너무나도 기다려집니다.
지은
May 3, 2022
JavaScript 기초 강의를 듣고 알고리즘 공부를 하던 도중 좀 더 깔끔하게 코드를 작성할 수 없을까에 대해 고민하던 중 듣게 된 강의 였습니다. 자바스크립트에 대해 깊이 알지 못하는 저도 어려움 없이 들을 수 있는 강의였고 협업 프로젝트를 진행하게 될 경우 가독성이 좋은 코드를 작성하는 것에 도움이 될 것 같습니다.
구자룡
April 30, 2022
자바스크립트로 실무를 하고 있지만, 더 좋은 코드를 짜기 위해 생각해 본적이 별로 없던 거 같습니다. 그런 저에게 너무나 좋은 강의 였습니다. 조금 더 나은 코드를 자는 방법과, 깔끔한 코드를 짜는 방법을 알려주었고, 더나은 방법을 많이 알려준 강의 였습니다. 앞으로 여기서 배운 내용을 바탕으로 더 실무에 더 좋은 코드를 짜도록 노력 하겠습니다. 너무 좋은 강의를 만들어 주셔서 감사합니다.
sunny
April 14, 2022
아직 완강은 안했지만,, 앞부분 몇 개의 강의만 들어도 너무 좋네요 js 레거시 코드를 유지보수하고 있는데, 강의에서 들어준 나쁜 사례들을 자주 목격하는 사람으로서,,, 제가 그동안 일할 때 답답하게 느꼈던 코드들이 왜 답답한지 알게 되었고, 어떻게 수정하면 좋을지 길이 보이는 기분이에요. 좋은 강의 감사합니다
Dahye
April 7, 2022
자바스크립트 기초를 다지고 싶은 모든 분들에게 추천드립니다 ☺️ 단순히 구현이 아니라, 프로그래밍에 있어서 코드를 짜기 위해서 어떤 생각과 방향을 가져야하는지 고민하는 기회를 가질 수 있습니다!
김휘수
March 13, 2022
작동하는 코드를 작성하기에만 급급했었는데 한 걸음 멈춰서 징검다리를 두드려 볼 수 있게 해준 강의입니다. 코드를 넘어 강의마저 효율적으로 지루하지 않게 클린코드가 어떤 것인지 알려주십니다.
Max
March 12, 2022
원래 더 섹션이 많았는데, 나중에 업데이트 하시려고 하다가 결국엔 그냥 없애버리신것같아요 저는 커링함수가 궁금해서 계속 기다리고 있었거든요. 사람 마음이 간사한게 100-1 이면 왠지 -1 더 받고싶어서 아쉬워지잖아요. 사실은 이 강의는 이미 섹션 12개만으로도 10점만점에 20점 강의인데 ... 소장가치 있으니 js사용하는 개발자들은 의무적으로 전부 다 수강하도록..!
황지수
February 12, 2022
웹 프로젝트를 진행할 때 도움이 많이 되었어요. 클린 코드가 필요한 이유에 대해서 제대로 알게 된 것 같고 예상치 못한 것들에서 지양해야할 것들도 많다는 걸 깨달았어요. 듣길 너무 잘한 것 같네요.

Charts

Price

클린코드 자바스크립트(JavaScript) - Price chart

Rating

클린코드 자바스크립트(JavaScript) - Ratings chart

Enrollment distribution

클린코드 자바스크립트(JavaScript) - Distribution chart

Related Topics

4253080
udemy ID
8/20/2021
course created date
9/29/2021
course indexed date
Bot
course submited by