매월 업데이트!

무슨 강의 들을지 고민이라면? 현직자 Top 50 강의 보기 👑

입문부터 실전까지, 믿고 보는 실무자 Pick!

추천 학습 로드맵

IT 왕초보부터 실무까지 인프런 로드맵 📖

코딩, 디자인, 게임, 마케팅.. 모든 IT 실무지식! 프로로 가는 최고의 길잡이가 되어드릴게요 🔥

고민은 이제 그만!

누구나 쉬운 입문 강의 여기 다 모였다! 🐣

어디서부터 시작해야 할지 모르는 당신을 위한 입문 강의

빠르게 경험하는 성장

바쁘다 바빠 현대사회! 딱 3시간만 투자하세요 ⏰

부담은 적게 성장은 빠르게! 오늘부터 나도 프로 완강러

신규 강의

나만 몰랐었던 이 강의~♬

매일 업데이트 되는 인프런 신규강의를 만나보세요!

1분이면 끝!

강의 고르기 어려울 땐 램프 요정아 도와줘! 🌟

클릭 5번으로 찾아보는 맞춤 입문 강의

매일 업데이트

지금 할인 중인 강의 💸

신규 강의부터 베스트셀러까지 지금 바로 부담없이 시작해보세요!

지식공유신청

나누는 지식만큼 커지는 보람과 보상

인프런 지식공유자로 높은 수익과 가치를 만들어보세요.

함께해요

함께 성장할 동료를 찾아요 🌿

#우리 #함께성장해요 #동료여어디계신가요?

인프런 소개

우리는 성장기회의 평등을 추구합니다.

누구나 배움의 기회를 누리고 꿈을 이룰 수 있도록! 인프런과 함께 배우고, 나누고, 성장하세요.

1/ 10
1/10

진행중인 모든 이벤트

  • Top 50 👑
  • 로드맵 🌱
  • 왕초보 모여라 😎
  • 3시간 완강 가능!
  • 신규 강의 🎁
  • 강의 추천 🧞
  • 지금 할인중 💸
  • 지식공유신청
  • 인프런 동료찾기
  • 인프런은 🌱

무료강의? 오히려 좋아 ✨

무료 강의부터 가볍게 시작해 보세요.

왕초보도 할 수 있어요 💪

이미 검증된 쉽고 친절한 입문 강의!!

소통왕으로 불리는 어느 플러터 개발자의 이야기
소통왕으로 불리는 어느 플러터 개발자의 이야기
4,500명의 수강생과 함께재미있는 플러터의 세계로! #개발자 #플러터 #비전공자 #즐거움 매일 힘들어도, 그 속에 즐거운 일은 존재한다고 하죠.맛있는 음식 먹기, 친구와 수다 떨기, 씻고 전기장판 위에 눕기…소소한 행복이 일상에 가득하죠. 이처럼 행복하다고 느끼면서 사는 것은 참 중요한데요.여러분은 지금 하는 일에 즐거움을 느끼면서 살아가고 있나요? 다섯 번째 인포커스는 개발자 코드팩토리 님의이야기를 담아보았습니다. 즐거움과 꾸준함만 있다면인생을 충분히 행복하게 살아갈 수 있다는지식공유자의 이야기로 출발해봐요. 인포커스 #5 📸 지식공유 경험과 플러터에 대한코드팩토리 님의 다양한 생각을 공유합니다! Scene #1 코드팩토리, 최지호입니다. 안녕하세요. 개발을 사랑하고 가르치면서 큰 기쁨을 느끼는 코드팩토리, 최지호입니다. 현재 코드팩토리 주식회사에 소속되어 있고 밀리의 서재에서 플러터 차세대 프로젝트도 리드하고 있습니다. 인프런에서 강의를 제작하면서 유튜브도 관리하고, 그렇게 재미있게 살고 있네요. 현재까지 <Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!>, <Dart 언어 4시간만에 완전정복>, <Flutter 진짜 실전! 상태관리, 캐시관리, Code Generation, GoRouter, 인증로직 등 중수가 되기 위한 필수 스킬들!> 이렇게 3가지 강의를 제작했어요. 반갑습니다! Scene #2 우연한 경험으로 시작된 즐거운 개발자의 삶 전 영국에서 대학교를 다니며 생화학을 전공한 비전공자 출신이에요. 아무래도 학과가 학과인 만큼 주위에 개발을 하는 사람들이 없었는데, 2학년 때 우연히 코딩을 알게 되어 혼자서 작게나마 시도해보며 개발이라는 걸 시작한 게 5년 정도 된 것 같아요. 그러다 랩실에서 개발이 꼭 필요한 프로젝트를 맡게 되었는데, 교수님이 너무 좋아해 주시고 좋은 결과물을 내게 되면서 자신감을 얻어 본격적으로 개발자로 일을 시작하게 되었죠. 지금까지 개발자로 일하면서 좋은 기억으로 남았던 경험이 크게 두 번 있어요. 하나는 처음으로 취업했을 때예요. 밀리만이라는 컨설팅 회사에서 커리어를 시작하게 되었는데, 개발자로서 인정받은 게 처음이라 정말 기분이 좋았던 기억이 나네요. 또 다른 하나는 인프런이나 오프라인에서 강의하다 보면 제 덕분에 취업했다는 연락이 오는 경우가 종종 있어요. 저로 인해 다른 사람들이 성장하고 원하는 걸 성취했다는 경험을 보면서 보람이 느껴요. 매번 들을 때마다 놀랍기도 하고요. 많은 분이 좋은 개발자에게 필요한 자질이 뭐라고 생각하냐는 질문을 해주시는데, 저는 계속 공부하려는 모습이 되게 중요하다고 항상 말씀드려요. 개발자는 평생 공부를 해야 하는 직업이라는 말이 있을 정도인데, 학습에 대한 욕심이 분명히 있어야 하는 것 같더라고요. 그리고 개발자는 대부분 컴퓨터랑 있는 시간이 많다 보니까 그 자체를 버티기 힘들어하는 사람들이 생각보다 많아요. 약간 TMI이긴 한데, INFJ인 저는 스스로 개발자가 잘 맞는다고 생각하거든요. 물론 단정 지을 수는 없지만, MBTI로 치자면 I 성향을 가지신 분들이 더 유리할 수도 있겠다는 생각이 문득 드네요. Scene #3 즐거운 지식공유 경험 인프런이라는 곳은 제가 처음으로 개발을 배우기 시작했을 때부터 인지하고 있었으니 알게 된 건 꽤 오래됐네요. 개발을 잘 모를 때에도 모니터링하면서 이런 사이트가 있구나, 정도로 생각했는데 제가 어느새 강의를 제작하고 있다니 새삼 신기해요. 전 원래 누군가에게 지식을 알려주는 걸 좋아하던 사람이었어요. 한국으로 치면 수능 같은, 해외의 International Baccalaureate (IB) 과정이 있어요. 이전에 IB 강사로 활동하면서 가르침의 뿌듯함을 많이 느끼고 있었거든요. 그러다 개발을 본격적으로 시작하면서 주변에서 나도 가르쳐달라고 하는 요청이 여럿 생겼고, 공부한 내용을 알려줘야겠다는 생각이 들었어요. 그래서 강의를 제작해볼까 생각하던 참에 인프런에서 먼저 컨택이 왔고 이렇게 강의를 제작하게 되었어요. 직장에서 퇴사하고 친구들과 함께 스타트업을 설립해서 새로운 커리어를 시작했었는데, 그때 당시에는 플러터는 크게 인기가 없었고 React Native가 되게 강력했어요. 그래서 리액트 네이티브로 개발을 하게 되었는데, 하다 보니 디버깅 과정이 너무 힘들었어요. 그러다 보니 조금 더 크로스 플랫폼이 잘 되어있는 게 있지 않을까 생각하다 플러터를 배우게 되었고, 플러터를 이용하여 새로운 앱 런칭을 하기 시작했어요. 이 좋은 걸 한국에서는 아직 많이들 쓰지 않는다는 게 아쉬웠는데, 제가 써보면서 느꼈던 부분들을 잘 전달할 수 있겠다 싶었어요. 이 분야를 가르치는 강사들이 많지 않기에 진입 장벽이 좀 낮지 않을까 하는 생각도 들었고, 플러터 분야에 있어서 선점해보고 싶다는 생각에 강의 주제를 플러터로 잡고 강의를 제작하게 된 거죠. 인프런에서 제작된 강의를 먼저 봤는데, 제가 원하는 형태의 커리큘럼들이 많더라고요. 하지만 이 말은 반대로 말하면 저 또한 커리큘럼을 짜는 데 시간이 많이 소요된다는 거였죠. (웃음) 실제로 강의를 찍는 기간은 보통 한 달이 안 되는데, 항상 커리큘럼을 짜는 게 시간이 가장 많이 소요돼요. 저의 경우는 강의를 찍기 전 미리 프로젝트를 만들어서 그걸 풀어 설명하는 형태로 강의를 구성하는데요. 항상 강의를 보는 수강자의 입장에서는 생각해보는 편이에요. 그래서 하나의 지식을 얻고 나면 다음은 어떤 게 궁금할까, 그 뒤는 또 어떤 지식을 얻고 싶을까 하는 그 문맥을 중요하게 생각해요. 그렇게 하다 보니 제가 제작한 강의들도 여러 가지 프로젝트를 직접 시도해보면서 플러터에 대한 입문 지식을 얻고, Dart 언어를 배운 후 중급 과정으로 넘어가는 형태로 제작하게 되었네요. 이런 부분에 있어서 좋은 평가를 주시지만 저는 이런 콘셉트를 유지하고 이어가는 부분이 조금은 어려울 때도 있는 것 같아요. 하지만 반응이 너무 좋아서 더 열심히 해야겠다 싶었어요. 3개의 강의 평점이 5.0, 5.0, 4.9인데 제가 경력도 없고, 유튜브에서 영향력이 컸던 것도 아니다 보니 언젠가는 잘 되겠지 하고 막연하게 생각은 했어도 사실 이렇게 엄청난 반응은 예상을 못했어요. 저는 커리큘럼의 흐름을 가장 많이 신경 쓰고, 그 다음으로는 커뮤니케이션에 힘을 많이 주는 편이에요. 사실 어떻게 전달하더라도 개발이라는 거 자체가 어쨌든 너무 어렵거든요. 아무리 잘 설명해도 모르는 부분은 언제나 있기 마련이라 질문이 들어왔을 때 최대한 제가 많이 도움을 드릴 수 있도록 사후 서비스에 포커스를 많이 맞추는 편이에요. 제 강의가 하나에 막 30시간씩 되다 보니까 검수를 한다고 하는데, 3번만 돌려봐도 거의 100시간이 되거든요. (웃음) 그렇게 검수를 하더라도 또 문제가 생기긴 하지만, 그런 부분을 수강생분들이 많이 감안해서 봐주시고, 저한테 피드백을 주시면 제가 바로 반영하는 편이에요. 저 또한 비전공자 출신이다 보니까 배우고 싶고, 더 나은 개발자가 되고 싶은 갈망이 어떤 건지 너무나도 잘 알거든요. 그리고 그 과정 속에서 어떤 힘든 점들이 있는지 잘 이해하기에 궁금한 게 있을 때 당장 그 궁금증을 해소시키고자 해서 피드백에 포커스를 두는 편이죠. Scene #4 마법같은 플러터의 매력에 빠지다 플러터는 불가능하다고 생각했던 것이 갑자기 마법처럼 되는 느낌이에요. 비유적으로 표현하자면, 원래는 치킨집에서는 치킨만 시킬 수 있고, 피자집에서만 피자를 시킬 수 있고, 떡볶이집에서만 떡볶이를 시킬 수 있다고 해볼게요. 하지만 요즘에 있는 콘셉트의 배달집들은 치킨, 피자, 떡볶이를 한 번에 시켜 먹을 수 있는 곳이 있잖아요. 이게 한 식당에 있으면서 이전에는 상상도 못했던 3가지 음식이 한 번에 배달이 된다는 것과 비슷한 느낌이라고 생각해주시면 이해가 쉬울 것 같아요. 원래는 3가지 음식별로 필요한 주방장이 다른 것처럼 iOS, 안드로이드, 데스크탑, 웹의 영역별로 개발자가 따로 필요하고 공수도 다 따로 들어가지만 플러터는 개발자들이 모여 하나의 콘셉트로 개발을 하면 배포는 플러터에서 알아서 해주는 거죠. 그래서 파급력이 엄청 크고, ‘이게 된다고?’ 싶은 것까지 정말 되어서 그 때부터 플러터의 매력에 빠지게 되었어요. iOS 앱을 개발할 때와 안드로이드 앱을 개발할 때는 사용하는 언어와 프레임워크가 완전 달라요. 그렇기 때문에 하나의 앱을 제작할 때 두 플랫폼에 배포를 하려면 iOS와 안드로이드 개발을 따로 진행해야돼요. 하나의 앱을 두 번 만들게 되는 거죠. 이걸 개선한 첫 메이저 프레임워크가 React Native예요. Javascript로 컴포넌트를 작성하면 iOS와 안드로이드 네이티브 컴포넌트로 코드를 변환해주는 방식인 거죠. 하지만 플러터는 아예 다른 어프로치(approach)를 가져가요. 플러터는 스키아(Skia)라는 엔진을 사용하기 때문에 스키아 엔진을 실행할 수 있는 플랫폼이라면 어디든 똑같은 UI를 그릴 수 있어요. 언어로 치면 중국어를 하는 사람과 영어를 하는 사람이 있을 때 “안녕"이라는 말을 하면 중국어는 'Ni hao'로 번역이 되어야 하고 영어로는 'Hello'로 번역이 되어야 서로 소통이 가능하죠. 이게 React Native의 크로스 플랫폼 작동 방식이에요. 하지만 플러터는 번역 없이 “안녕"이라는 의미를 뇌파로 전달해서 의미 자체를 이해하게 해주는 방식이에요. 단어가 아무리 번역되어봤자 그 의미가 변경되지는 않으니까요. 그렇기 때문에 높은 퍼포먼스를 발휘할 수 있고 일관된 크로스 플랫폼 UI를 구현할 수 있습니다. 이렇게 마법같은 플러터는 아쉽게도 수요가 그렇게 많지는 않은 게 사실이에요. 플러터가 나온지 3년 정도밖에 안 된 굉장히 따끈따끈한 프레임워크이기 때문이라고 생각해요. 해외에서는 흔히 아는 알리바바, BMW 등 다양한 곳에서 플러터를 쓰고, 이미 상당히 활성화되어 있어요. 하지만 국내를 두고 보자면 회사 입장에서는 플러터로 개발을 하고 싶어도 일단 플러터 개발자가 적기 때문에 쓰는 것을 주저해요. 이렇게 공급이 적다 보니, 개발자들도 플러터를 배우는 것에 대해 주저하게 되죠. 위에서처럼 한 번 더 언어로 비교해보자면 우리나라에 영어, 중국어, 일본어를 쓰는 사람은 많지만 아랍어를 쓰는 사람은 비교적 많지 않잖아요. 그처럼 시장에서 아랍어를 많이 사용하지 않으니 아무리 아랍어가 마법의 언어라고 하더라도 쉽게 배우기 어려운 느낌인 셈입니다. 하지만 장기적으로 봤을 때는 콘셉트 자체가 너무 좋기 때문에 불확실성만 조금 제거된다면 분명히 시장에서 크게 주목받을 기술이라고 생각해요. 회사와 개발자, 그리고 기술의 삼각형 안에서 신뢰가 생기는 순간이 오면 충분히 좋은 날이 올 거라 생각하고 있습니다. Scene #5 소통왕의 즐거운 하루 저는 요즘 강의 제작 외에도 주 2회 1시간 반에서 2시간 정도 라이브 방송을 진행하고, 채팅방도 관리하면서 지내고 있어요. 채팅방이나 디스코드로 연락을 주시면 어쨌든 질문에 대한 대답이 실시간으로 이뤄지기가 어렵기 때문에 바로바로 소통할 수 있는 기회가 있으면 더 명쾌한 답을 얻을 수 있지 않을까 하는 생각에서 시작하게 됐어요. 강의와 관련된 질문뿐만 아니라 커리어나 간단한 질문과 같이 어떤 질문이든 전부 받고 있어요. 막간 인터뷰 🎤 Q. 수강평 중 노래를 부른다는 내용이 있던데, 사실인가요? 그 날 술을 많이 마시고 집에 가서 이야기를 하고 싶어서 방송을 켰는데 갑자기 노래방에 가고 싶은거예요. 노래방 가고 싶다는 말을 했더니 그냥 여기에서 부르라고 하시더라고요. 저도 술김에 용기가 생겼는지 한 번 불렀던 기억이 나요. 이제는 라이브 방송을 시작하면 제일 먼저 들어와서 2시간 내내 제가 노래 부를 때까지만 기다리는 분들이 계세요. 그럴 때 한 곡씩 부르게 되면서 약간 루틴처럼 되어버린 것 같아요. 제 노래를 왜 기다리시는지 저도 모르겠는데 여튼 이 자리를 빌려 감사하다는 말 전하고 싶습니다. 아무래도 강의라는 게 제가 생각하는 과정 속에서 만들어낸 콘텐츠이다 보니 모두에게 다 완벽하게 맞을 수는 없단 말이죠. 그런데 질문을 주실 때 본인이 정확히 어떤 것이 궁금하고 어떤 부분이 이해가 안 되는지 말을 해주시면 제가 다른 방식으로 또 설명을 드릴 수 있기 때문에 그런 과정 속에서 만족을 느끼시는 것 같아요. 힘든 일상에서도 제 강의를 수강해주신 분들이 남겨주신 수강평을 보고 정말 큰 힘을 얻곤 해요. 초보자뿐 아니라 가끔 가다가 경력이 되게 기신 분들이 10년 넘게 개발을 하시면서 지금까지 본 강의 중에서 가장 설득력이 높았다는 식으로 써주신 분도 있었는데 굉장히 감사하고 인상적이었어요. 스티브 잡스의 연설 중 점과 점이 만나서 선이 되고, 선과 선이 만나서 면이 되고, 면과 면이 만나서 도형이 된다는 내용이 있거든요. 평생 살아오면서 했던 모든 경험은 이유가 있고 그것들끼리 모두 연결이 된다고 생각해요. 개발자로서 하나를 먼저 깊게 파고서, 옆으로 얕게 파고드는 게 좋다고 생각해요. 일단 최소한 하나는 깊게 알고 있어야 공학적인 개념에 대해 확실하게 알 수 있고, 그 뒤로 다른 개념을 하나씩 덧붙여가면서 성장할 수 있다고 생각합니다. 이를 통해 그 경험들끼리 모두 연결될 수 있을 거예요. 포기하지만 않는다면 언젠가는 모두가 좋은 개발자가 될 수 있을 거라 생각합니다. 저의 목표는 목소리에 힘이 있는 사람이 되는 거예요. 제가 그동안 이뤄왔고 보여줬던 모습만으로 사람들이 제 말을 믿고 따라올 수 있도록, 그리고 그들과 신뢰를 쌓고 좋은 기술들을 전달하고 좋은 개발을 하면서 그렇게 꾸준히 성장하고 싶습니다. 코드팩토리 님의 강의를 만나보세요. add_shortcode('course','328329,328577,328615','card','card1') [인포커스]를 계속 받아보고 싶다면? 매달 첫 번째 & 세 번째 화요일마다 찾아오는 인프런 뉴스레터, [헬로 인프런]으로 가장 빨리 인포커스를 받아보세요! 헬로 인프런 구독하러 가기 💌([인프런 소식 및 홍보]를 ON으로 바꿔주세요 😊)
개발 입문, 어떤 언어로 할까?
개발 입문, 어떤 언어로 할까?
🖥️ 🤔 🔍 ✨ 개발에 입문하고 싶은데, 언어 선택을 고민하는여러분을 위해 준비했어요. 현재 가장 많이 쓰이는 프로그래밍 언어의특징과 입문하기 좋은 강의까지!인프런과 함께 살펴볼까요? 개발 입문을 응원하는 마음을 담은🎫 20% 할인 쿠폰 🎫 도 있으니잊지 말고 챙겨가세요! 궁금한 프로그래밍 언어를 골라보세요! 👇 * 아래 버튼을 클릭하면 해당 언어로 이동합니다. JAVAC/C++PythonJavaScript KotlinTypeScriptGO   반박 불가!프로그래밍 언어 4 대장 🛠️ 프로그래밍 언어 1위 JAVA (자바) 이런 특징이 있어요 🔍 쉽게 코드를 작성하고 실행할 수 있어요. 현재 가장 많이 이용되는 프로그래밍 언어예요. 기업뿐만 아니라 과학, 금융 등 다양한 분야에서 공고한 입지를 가지고 있어요. 가장 폭넓게 쓰이는 언어이기 때문에 취업 폭이 넓은 곳을 찾는다면 추천해요. 실행되는 속도가 다른 언어에 비해 상대적으로 느려요. 긴 코드가 많아, 코드를 읽고 이해하는 게 어려울 수 있어요. 인프런이 추천하는 JAVA 입문 강의 ✨ add_shortcode('course','325268','list') ★★★★★ 생생한 수강평 "진심으로 여러 번 자바를 시도하려다가 포기하셨던 분들, 처음 시작해서 '자바가 뭐야?' 하시는 분들에게 다시 한번 터닝포인트가 되는 강의일 것 같습니다. 너무 이해가 쏙쏙 잘 되고 간결한, 짧고 굵은 강의였습니다!" - 수강생 sis*** 님 코딩 테스트에 딱! C / C++ 이런 특징이 있어요 🔍 현재 사용되는 모든 컴퓨터 시스템에서 사용할 수 있어요. 코드가 복잡하지 않아서 상대적으로 유지보수가 쉽고 속도가 빨라요. C++의 경우, 게임 개발이나 코딩 테스트 문제 풀이에 많이 쓰이는 언어예요. 다양한 문제 풀이 정보를 제공하고 있어요. 컴퓨터가 이해하기 쉽다는 저수준 언어의 특징이 있어요. 그래서 비전공자가 입문용으로 배우기엔 어려울 수 있어요. 규모가 큰 프로그램의 경우 수정이 쉽지 않아요. 인프런이 추천하는 C 입문 강의 ✨ add_shortcode('course','318520','list') ★★★★★ 생생한 수강평 "C언어를 배워본 적 없는 비전공자입니다. 문제와 함께 기초를 배우고 문제가 쉬워서 하나하나씩 따라 하면서 하니까 너무 재밌었어요. 포인터와 구조체 설명도 너무 잘 이해가 되었습니다." - 수강생 박*** 님 개발부터 데이터 분석까지, Python (파이썬) 이런 특징이 있어요 🔍 상대적으로 코딩 작업이 적어 개발 기간이 짧아요. 그래서 취미로 시작하기에도 좋아요. 요즘 뜨는 데이터 분석을 포함해 사용되는 폭이 점점 넓어지고 있는 언어예요. 파이썬 커뮤니티는 가장 범위가 넓은 개발 커뮤니티이면서 개발자의 참여가 가장 활발해요. 커뮤니티를 통해 문제의 해결 방안을 찾거나 튜토리얼을 탐색하는 게 용이해요. 다른 언어와 비교했을 때, 모바일에서 특히 속도가 느려요. 실행되는 속도가 느린 편이라 빠른 속도를 요하는 프로젝트에는 적합하지 않아요. 메모리 소모량이 상대적으로 커요. 인프런이 추천하는 Python 입문 강의 ✨ add_shortcode('course','329762','list') ★★★★★ "따끈따끈한 신규강의예요. 첫 수강평의 주인공이 되어주세요!" 웹 개발자 필수 언어 JavaScript (자바스크립트) 이런 특징이 있어요 🔍 상대적으로 배우기 쉬운 개발 언어예요. 구조를 이해하는 것도 어렵지 않은 편이에요. 프런트엔드 개발자를 꿈꾼다면 자바스크립트는 필수예요. 게다가 요즘엔 자바스크립트로 풀스택 개발을 할 수도 있어요. 매력적인 웹 페이지 제작을 위한 다양한 인터페이스를 제공해요. 브라우저의 정책이 변경되면 사용 자체가 어려워질 수 있어요. 인프런이 추천하는 JavaScript 입문 강의 ✨ add_shortcode('course','327871','list') ★★★★★ 생생한 수강평 "독학으로 공부하면서 실습에 꼭 필요한 내용들을 알려주셔서, 자칫하면 '공부'만 하고 지쳐 중도에 포기할 수 있는 코딩 입문자들에게 필요한 강의라고 느꼈습니다! 강의 마지막에 이후 공부 방향 등도 말씀해주셔서 나아갈 방향 설계에 참고할 수 있을 것 같습니다!" - 수강생 alw*** 님   이런 언어는 어때요? 👀 Kotlin (코틀린) 코틀린은 2017년 Android 공식 언어로 채택된 언어로, 안드로이드 프로그래밍에 주로 이용돼요. JAVA와 100% 호환이 가능합니다. 문법이 단순하고 이해하기 쉬워서 초보자도 빠르게 배울 수 있어요. 인프런이 추천하는 Kotlin 입문 강의 ✨ add_shortcode('course','328032','list') TypeScript (타입스크립트) 코드가 복잡해진다는 자바스크립트의 단점을 보완하는 언어예요. 자바스크립트를 배운다면 언젠가 학습해야 해요. 하지만 JS를 쓸 줄 안다면 금방 익힐 수 있어요. 한글 튜토리얼이 잘 되어 있어요. 인프런이 추천하는 TypeScript 입문 강의 ✨ add_shortcode('course','326082','list') GO C++의 복잡함을 보완하고자 디자인된 언어예요. 흔히 C++과 자바 중간 정도의 언어라고 이야기해요. 현업에서 주로 쓰이는 언어는 아니지만, 많은 개발자가 배우고 싶은 언어로 언급해요. 키워드가 25개이고 문법이 간결해서 입문이 쉬운 편에 속해요. 인프런이 추천하는 GO 입문 강의 ✨ add_shortcode('course','205574','list')   인프러너의 개발 입문을 응원해요! 20% 깜짝 할인 쿠폰 쿠폰함에서 쿠폰 코드[ 프로그래밍언어배우자 ]를 등록하면이번 큐레이션 강의에 적용되는20% 깜짝 할인 쿠폰이 지급됩니다. 쿠폰 발급 기한: 2022년 11월 28일(월) ~ 12월 8일(목)쿠폰 사용은 발급일로부터 7일간 유효합니다.   프로그래밍 언어 입문 강의를 더 알고 싶다면? 100개 이상의 입문 강의를 만날 수 있어요!
Vanilla JS, 선택일까 필수일까
Vanilla JS, 선택일까 필수일까
Vanilla JS,꼭 공부해야 할까요?#바닐라JS #VanillaJS #프런트엔드 #JQuery 여러분은 프레임워크나 라이브러리 없이개발을 해본 적 있나요?상상만으로도 많은 어려움이 예상되지 않나요? 최근 몇 년 사이에 프런트엔드 개발자들 사이에서순수 자바스크립트인 바닐라 JS에 대한학습의 중요성이 강조되고 있어요. 인프메이션 #56에서는Vanilla JS의 중요성이 대두된 이유와Vanilla JS의 장점을 파헤쳐 보려 합니다. 인프메이션 #56 🍦 소소하게 뜨거운 감자로 떠올랐던 Vanilla JS!빠르게 쓱 훑어볼까요? 새로운 프레임워크 아님 주의!Vanilla JS는 대체 뭘까? 자바스크립트(JavaScript)는 프런트엔드 영역에서 주로 사용하는 언어예요. 프론트엔드 분야에서 압도적으로 많이 쓰이기 때문에 자바스크립트를 기반으로 한 프레임워크나 라이브러리도 자연스럽게 대세를 차지하고 있어요. 바닐라 자바스크립트(Vanilla JS)는 외부의 라이브러리나 프레임워크를 이용하지 않는 순수 자바스크립트를 말해요. 라이브러리나 프레임워크를 사용하지 않기 때문에, 그걸 사용했을 때보다 빠르고 호환성이 좋다는 게 특징입니다. 이런 특징은 디버그(Debug)*를 할 때 큰 힘을 발휘하는데요. 보통 라이브러리를 통해 만든 구문은 디버그 과정에서 해당 구문과 이용 라이브러리 파일까지 조사하는데요. 바닐라 JS의 경우엔 해당 구문만 조사하기 때문에 디버그하는 시간이 크게 줄어들어요. *디버그(Debug): 프로그래밍 과정에서 발생하는 오류나 비정상적인 연산, 흔히 말하는 버그를 찾아 수정하는 것을 의미합니다. 디버그하는 과정을 디버깅(Debugging)이라 하기도 해요. 맛의 근본(?)인 바닐라와 자바스크립트의 근본인 바닐라 자바스크립트. 바닐라(Vanilla)는 일반적임(Plain)을 의미하는 데 쓰이는 단어이기도 해요. 하지만 라이브러리를 활용하면 간단한 코드도 바닐라 JS로 작성하면 길어진다는 어려움이 있어요. jQuery를 쓰면 한 줄로도 작업할 수 있는 코드를 여러 줄로 작성한다는 것은 비효율적이라고 느껴지기도 하고요. 그래서 바닐라 JS로 개발하는 것은 쉽지 않은 일이에요. 그럼에도 바닐라 JS 능력을 중요하게 생각하는 추세가 된 이유가 뭘까요? 자바스크립트의 본질을 제대로 알지 못한 상태에서 편의성만을 위해 프레임워크나 라이브러리를 활용하는 것에 대한 문제가 제기되었거든요. 떠오르는 바닐라 JS,그 뒤엔 jQuery가 있었다 바닐라 JS의 중요성이 조명된 이유를 알려면 제이쿼리(jQuery)에 대한 이야기를 빼놓을 수가 없어요. 제이쿼리는 프론트엔드 개발자들이 스크립트를 작성할 때 가장 많이 쓰는 라이브러리예요. 한때 자바스크립트 라이브러리 사용률 76%로 압도적인 1위를 기록하기도 했어요(2020년 10월, W3Techs 설문 기준). 오픈 소스 기반의 자바스크립트 라이브러리, 제이쿼리(jQuery). 제이쿼리가 처음 나왔던 2000년대 중반은 웹브라우저들 사이의 자바스크립트 호환성이 낮은 시기였어요. 이런 문제점을 바탕으로, 작성된 자바스크립트 코드를 웹 브라우저에 맞게 변환 및 실행하는 라이브러리가 다양하게 나왔는데요. 그중 제이쿼리가 가장 쉬운 API 문법을 제공했어요. 이 외에도 제이쿼리는 유지관리가 용이한 코드 작성 지원, 다양한 기능 제공 등 'Write less, do more'이라는 모토에 걸맞는 다양한 장점 덕분에 많은 개발자의 사랑을 받았어요. 자바스크립트 프레임워크와 라이브러리는 제이쿼리에 의존하고 있다는 이야기가 있을 정도로 제이쿼리의 입지는 굳건했지만, 최근에 그 의존도가 하락하고 있어요. 자바스크립트(JavaScript)의 지속적인 개선으로 인해 대부분의 기능을 바닐라 JS로 구현할 수 있게 된 것, 웹 표준 API가 확장된 것 등 다양한 이유가 있는데요. 대표적인 이유로는 가상 돔(Virtual DOM)을 사용하는 라이브러리의 등장이 꼽혀요. 웹페이지는 브라우저 내에서 돔(DOM)*이라는 표준 형식으로 파싱(Parsing)** 되어 표현돼요. 돔은 서비스 이용자의 동작에 맞춰 움직이는 인터랙티브 웹(Interactive Web)을 구현하기 위해선 필수적입니다. 하지만 돔 조작이 많아질수록 브라우저의 성능이 낮아지는 문제가 있었고, 이를 해결하기 위한 대안으로 등장한 것이 가상 돔(Virtual DOM)입니다. *돔(DOM): 돔(DOM, Document Object Model)은 문서 객체 모델로, XML이나 HTML 문서에 접근하기 위한 프로그래밍 인터페이스예요. 돔은 문서 내의 요소를 정의하고, 프로그래밍 언어가 돔 구조에 접근하는 방법을 제공해요. **파싱(Parsing): 문서나 HTML 등의 데이터를 분해하고 분석하고, 원하는 형태로 조립한 특정 데이터만 추출하는 것을 말해요. 파싱을 수행하는 프로그램은 파서(Paser)라고 합니다. 메모리에 가상 돔을 만들고 실제 돔과 비교하며 작업한 후, 수정된 부분은 실제 돔에 적용하는 식으로 활용할 수 있어요. 브라우저의 성능과 속도 문제를 보완한다는 장점을 바탕으로, 가상 돔을 이용한 프레임워크와 라이브러리가 늘었어요. 리액트(React), 뷰(Vue.js), 앵귤러(Angular)가 대표적이에요. 가상 돔을 채용한 프레임워크와 라이브러리의 대표 주자 React, Vue.js, Angular 제이쿼리와 비교했을 때 가상 돔을 이용한 경우가 생산성이 훨씬 높아요. 이에 자연스럽게 가상 돔을 채용하는 리액트(React)나 뷰(Vue.js) 등이 새로운 대세로 떠올랐어요. 가상 돔을 이용할 때 제이쿼리를 쓰면 스크립트 충돌이 발생할 수도 있어서, 되도록 바닐라 JS로 스크립트를 작성하려는 경향이 생겼습니다. 제이쿼리를 활용해 직접 돔을 제어하는 것보다, 상태(State)를 통해 돔을 선언적으로 제어하는 것이 코드에 대한 이해를 훨씬 쉽게 만들어주기 때문이에요. 리액트는 무조건 바닐라 JS로 작성해야 할까요? 🤔 가상 돔을 이용할 때 제이쿼리를 쓰면 충돌이 발생한다고 표현하는 이유는 제이쿼리와 가상 돔을 이용하는 프레임워크 및 라이브러리의 역할이 충돌하기 때문이에요. 제이쿼리와 리액트 및 뷰 모두 돔을 갱신한다는 같은 목적을 가진 도구거든요. 리액트와 뷰 등을 다룰 때 제이쿼리를 사용할 수는 있지만, 함께 쓰는 경우는 거의 없다고 해요. 같은 목적을 가진 두 도구를 굳이 한 번에 사용할 필요는 없으니까요.  Back to BasicsVanilla JS, 선택일까 필수일까 바닐라 JS를 대변(?)하는 웹사이트(vanilla-js.com). 어느 자바스크립트 개발자가 만든 vanilla-js.com이라는 웹사이트에서는 바닐라 JS를 다음과 같이 정의하고 있어요. '바닐라 JS는 놀랍고 강력한 자바스크립트 앱을 만들기 위한 빠르고 가벼운 크로스 플랫폼 프레임워크다.' 웹사이트에서 정의한 것처럼, 바닐라 JS는 빠르고 가볍다는 장점이 있어요. 하지만 바닐라 JS가 무조건 좋은 것은 아닙니다. 여느 프로그래밍 언어와 마찬가지로, 기본 언어만으로 높은 생산성을 달성하는 것은 쉽지 않거든요. 바닐라 JS를 지향하자는 이야기가 나오는 것은 프레임워크나 라이브러리를 무조건 금지하자는 의미가 아니라, 거기에 지나치게 의존하지 말자는 것이 핵심이에요. 사용률이 높은 제이쿼리(jQuery), 다양한 프레임워크 및 라이브러리 속엔 자바스크립트의 본질이 있어요. 제이쿼리든 리액트든 마법처럼 기능을 구현해주는 프레임워크나 라이브러리의 본질을 알고 쓰자는 움직임인 것이죠. 리액트 같은 프레임워크나 라이브러리가 마법처럼 구현해주는 일을 바닐라 JS로 다루는 'Vanilla Javascript로 ㅇㅇ만들기' 시리즈가 유행하기도 했어요. (출처: https://junilhwang.github.io/TIL/) 기업에서도 바닐라 JS 능력을 중요하게 생각하고 확인하려는 추세라고 합니다. 채용 공고에 '자바스크립트에 대한 충분한 이해가 있는 사람'을 우대한다는 내용을 작성하거나, 코딩 테스트에서 바닐라 JS 관련 문제를 출제하기도 해요. 프레임워크나 라이브러리는 언제든 바뀔 수 있으므로 바닐라 JS에 대한 이해를 중요하게 생각하는 거예요. "순수 JS에 대한 이해 없이 프레임워크 사용법만 익숙하신 분들을 선호하지는 않고요. 왜냐하면 프레임워크는 언제든 바뀔 수 있잖아요. 저 같은 경우에는 예전에 jQuery로 개발을 했다가 Backbone.js로 프레임워크로 전환을 했고요. 그 다음에는 Angular 1으로, 이후에는 Vue.js로 개발을 했었는데 프레임워크가 계속 바뀌기 때문에 코어라고 불리는 Vanilla JS에 대한 이해도를 특히나 프론트엔드에서 중요하게 평가를 하고 있어요." (참고 콘텐츠: 주간 인프런 #34)   바닐라 JS 공부의 중요성, 여러분은 어떻게 생각하시나요? 댓글로 여러분의 의견을 남겨주세요! 재미있는 IT 지식을 전달하는 [인프메이션]! 매달 첫번째 & 세번째 화요일마다 찾아오는 인프런 뉴스레터,[헬로 인프런]으로 가장 빨리 인프메이션을 받아보세요!지난 [인프메이션] 이 궁금하다면? (클릭) 헬로 인프런 구독하러 가기 💌([인프런 소식 및 홍보]를 ON으로 바꿔주세요 😊)

1,000,582 명이
인프런과 함께합니다.

학교에서 배우기 어렵거나 큰 비용을
지불해야만 배울 수 있는 전문적인 지식들을 제공합니다.
오픈 플랫폼의 이점을 통해 다양성과 경제성을 모두 높입니다.
안지혜 님(수강생) 8분 전
CRM 마케팅 끝판왕 Braze(브레이즈) 기초 활용법 & 노하우
브레이즈 툴 사용법 기초 학습에 유용합니다.
bibii 님(수강생) 25분 전
보안을 위한 오픈 검색 서비스 Shodan, Censys 등 활용과 개발
예전에 세미나에서 OSINT에 대해 들었을 때 관심이 갔었는데.. 관련 강의가 있었네요. 합리적인 가격으로 강의를 제공해서 좋습니다.
gndlsdl1289 님(수강생) 26분 전
Substance Painter(서브스탠스 페인터) 기초다지기
완강하여 수강평 남깁니다. 수강평에 나와있는 안 좋은 평이 왜 달렸는지는 이해가 되지만, 그럼에도 좋은 강의였습니다. 3시간 15분 가량 분량이어서 대학 전공 수업을 듣는 느낌으로 하루만에 보기에 좋습니다. 가끔 번복하시는 부분이 있기야 하지만, 강의를 배속해서 빠르게 한 번 들어서 강의의 흐름을 파악한 후에 천천히 다시 보면서 따라서 툴을 만지다보면 꽤 부드럽게 기초적인 내용을 배울 수 있었어요. 초급 강의인만큼 자세하고 친절하게 설명해주셔서 좋았고, 예제작 만들기가 아닌 정말 기초 강의라 아예 접해보지 않은 초급자가 듣기에 좋다고 생각합니다. 기초적인 부분을 어느정도 알려주시기 때문에 무작정 유튜브로 커리큘럼 없이 독학하는 것보다는, 어느 정도 짜여있는 이 강의를 들은 다음에 유튜브를 통해 공부하는 게 기초실력에 더 도움이 될 듯 합니다. 좋은 강의 감사해요~
bibii 님(수강생) 26분 전
해커를 위한 iOS 앱 모의 해킹 전문 과정
나도 이제부터 ios모의해커?!
bibii 님(수강생) 27분 전
스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술
무료강의임에도 열심히 강의해주셔서 감사합니다. 스프링 입문하는데 좋아요!
김민석 님(수강생) 33분 전
taehyeong Gim 님(수강생) 38분 전
따라하며 배우는 NestJS
입문하기에 좋은 강의입니다.
dldbgns1 님(수강생) 49분 전
스프링 MVC 2편 - 백엔드 웹 개발 활용 기술
항상 좋은 강의 감사합니다!!
sn162 님(수강생) 59분 전
[SQL 입문반 12기] 박주형 님(수강생) 1시간 전
[백문이불여일타] 데이터 분석을 위한 기초 SQL
sql 기초를 연습 문제들과 함께 배울 수 있어서 굉장히 이해가 쉽고 재밌었던 강의였다.
tonawood 님(수강생) 1시간 전
따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
먼저 공짜로 좋은 강의 올려주셔서 감사합니다. node.js랑 리액트 조금 배운적 있었는데 까먹은것도 있고 존안님 교육영상 시리즈 보려고 보고 있습니다. "기본" 강의라고 되있어서 완전 노드&리액트 전혀 모르는 사람용 인가 했는데, node.js React 처음 배우는 분들을 위한 강의는 아닌거 같고요. 존안님의 "따라하며 배우는 풀스택 웹 개발 시리즈" 를 위한 "기본" 강의 이네요. 즉 기초가 아닌 시리즈 강의 물의 기본(베이스) 강의 인거 같아요. 어느정도 node.js, react 기초는 조금이라도 공부 한 적있는 분이 보면 좋을거 같습니다. 특히 리액트는 처음 배우는 분들을 위한 강의는 아닙니다. 이 강의 보면서 리액트는 전혀 이해 안가시는 분들은 생활코딩에서 이고잉님의 리액트 편 동영상이나 책 보고 오시면 순성상 좋을거 같고 더 잘 이해 가실거에요. node.js도 기초 강의 먼저 보고 리액트랑 노드가통합적으로 어찌 구현하는지 알고 싶을때 또는 복습용으로 보면 좋을거 같습니다.
신희범 님(수강생) 1시간 전
파이썬 무료 강의 (기본편) - 6시간 뒤면 나도 개발자
압축되어있지만 자세한 강의 정말 잘 들었습니다!
엠제 님(수강생) 1시간 전
입문자를 위한 HTML 기초 강의
HTML 기초 강의 너무 유익하게 잘 들었습니다. 어렵다고 생각했는데 차근차근 따라하다 보니 용기가 생기네요~! 다음 CSS, 자바스크립트 까지 열심히 배워보겠습니다.
이상엽(サンヨプ) 님(수강생) 1시간 전
한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
너무 좋은 강의였습니다. 아직 100% 이해된건 아니지만 복습하면서 더욱 발전할 수 있는 강의 이빈다.
sn162 님(수강생) 1시간 전
자바 스프링 프레임워크(renew ver.) - 신입 프로그래머를 위한 강좌
좋은 강의 잘 들었습니다 감사합니다 ㅎㅎ
pozit 님(수강생) 1시간 전
재고시스템으로 알아보는 동시성이슈 해결방법
절반정도 들었는데 잘 듣고 있습니다. 동시성이라는 주제를 소개하고 설명까지 잘 해주시고, 강의 가격도 적당한것 같아요. 혹시 다음 강의도 촬영하실 계획이 있을까요?
rhkdtjd_12 님(수강생) 1시간 전
따라하며 배우는 도커와 CI환경
항상 좋은 강의 만들어주셔서 감사합니다! 가격도 정말 저렴하고 내용은 알차서 구매를 안 할 수 가 없네요. 도커와 CI에 대해 많은 공부가 되어서, 응용으로 혼자 Nest.js와 react, github-actions를 사용하여 배포 하는걸 해보았는데 성공 하게 되니 너무나도 성취감이 생겼습니다. 항상 건강하시고 복 받으실거에요
알감자 님(수강생) 2시간 전
[인프런x코드캠프] 시작은 프리캠프
항상 어려워서 넘기던 부분들이 있었는데 꼼꼼하게 설명해주셔서 너무 좋았습니다.👍
강승현 님(수강생) 2시간 전
컴퓨터, 웹, 코딩, 프로그래밍의 시작 - Web1
많은 정보를 배우고 갑니다 감사합니다.
cdaosldk 님(수강생) 2시간 전

모든 팀원이 인프런의 강의들을
자유롭게 학습하는 환경을 제공해주세요.

비즈니스 알아보기

지식을 나눠주세요.
쉽게 시작하고 합당한 보상을 받을 수 있어요.

지식공유 알아보기

당신은 더 좋은 곳에 갈 수 있어요.
지금 열려있는 채용공고를 확인해보세요.

공고 확인하기

이미 많은 기업 구성원들이
인프런에서 성장하고 있어요.

라인
우아한형제들
sk
네이버
넥슨
삼성
카카오
LG
nc

다양한 서비스를 신청하세요.

인프런의 지식공유자 ˙ 비즈니스 ˙ 대학생 신청방법에 대해 알아보세요.

지식공유자 되기

9개월간 온라인 기술 강의로만 1억원!
나의 지식을 나눠 사람들에게 배움의 기회를 주고, 의미있는 대가를 가져가세요.
지식공유자 참여하기

인프런 비즈니스 신청

모든 팀원의 인프런의 강의들을 자유롭게 학습하는 환경을 제공해주세요.
업무 스킬에 집중된 콘텐츠를 통해 최신 트렌드의 업무역량을 습득할 수 있습니다.
비즈니스 신청하기

인프런 X 대학생

학교와 인프런이 함께 하여,
많은 학생 분들께 정해진 커리큘럼 이외에도 필요한 학습을 보완하고, 더욱 성장할 수 있도록 도와드립니다.
대학생 신청하기