수코딩은 온라인과 오프라인을 병행하면서
코딩을 가르치는 활동을 하고 있습니다.
다년간의 오프라인 강의 경험을 바탕으로,
더 많은 사람들이 코딩을 쉽고 재미있게 배울 수 있도록
매일 고민하고, 끊임없이 노력하고 있습니다.
현재까지 다음과 같은 3권의 책을 출판하며
프런트엔드 강의 분야를 선도하고 있습니다:
또한, 유튜브 채널을 통해 다양한 무료 강의도 제공하고 있습니다.
👇 지금 바로 방문해 보세요
[유튜브 채널 링크]
Khóa học
Đánh giá khóa học
- Học React.js với TypeScript: Từ cơ bản đến công nghệ mới nhất một cách hoàn hảo
- Learning CSS3 by Picking the Essentials
- Học React.js với TypeScript: Từ cơ bản đến công nghệ mới nhất một cách hoàn hảo
- Learning the essentials of HTML5
- Learning Vue.js by Picking Out the Essentials
Bài viết
Hỏi & Đáp
리액트 웹뷰 관련 문의
안녕하세요.지그재그와 같은 웹과 모바일을 하이브리드 방식으로 대응하는 형태는 쇼핑몰 도메인에서 흔히 볼 수 있는 방식입니다.쇼핑몰은 주로 모바일로 접속하는 사용자가 많기 때문에 모바일을 우선적으로 대응하되, 웹을 통해 접근하는 고객들도 함께 수용할 수 있도록 하는 하나의 트렌드라고 이해하시면 좋을 것 같습니다. 🙂
- 0
- 1
- 35
Hỏi & Đáp
22.(해설) 검색어 자동완성 예제코드 파일 누락
안녕하세요!윈도우의 반디집으로 예제 코드의 압축을 풀게 되면 파일이 누락되는 문제가 있었습니다.지금은 수정해서 다시 예제 코드를 올렸습니다.섹션 1 시작하기 > 예제 코드에서 다시 다운로드 받으시면 됩니다.불편을 드려서 죄송합니다.
- 0
- 2
- 19
Hỏi & Đáp
누락파일 있으신분들
안녕하세요.정말로 확인해보니까 반디집에서 그러한 문제가 있음을 확인했습니다.감사의 의미로 책 한권을 보내드리려고 하는데sucoding@naver.com으로 이름/전화번호/받으실 CU 편의점명(택배취급하는지 확인요망) 보내주시면발송 도와드리겠습니다.알려주셔서 감사합니다.향후 강의 자료를 올릴 때 같은 문제가 발생하지 않도록 신경쓸 수 있게 되었습니다.
- 0
- 3
- 29
Hỏi & Đáp
style 속성마다 박스 형태를 따로 따로 가지나요?
안녕하세요 🙂박스 성질은 태그마다 고유하기 때문에CSS로 박스 성질을 변경하지 않는 이상, 그대로 고유합니다.즉, 줄바꿈을 하더라도 박스 성질을 변화시키지는 못합니다.이해되셨을까요? 추가로 궁금하시면 언제든지 물어봐주세요.감사합니다!
- 0
- 2
- 14
Hỏi & Đáp
누락파일 있으신분들
안녕하세요!저도 이런 문제가 있는 줄 몰랐네요.지금 바로 윈도우용 압축 파일을 따로 구분해서 올리겠습니다.제보 감사드립니다. 🙂
- 0
- 3
- 29
Hỏi & Đáp
"!" 은 어떤 문법인가요?
안녕하세요!인프런 AI 인턴이 답변을 잘해줬네요.인프런 AI 인턴 답변 보시면 제가 추가적으로 보완해드리지 않아도 될 것 같아요!그래도 잘 이해가 안되시면 말씀해주세요!감사합니다.
- 0
- 2
- 23
Hỏi & Đáp
다음 강의 언제 나올까요?
안녕하세요!우선 제 강의에 관심 가져주셔서 진심으로 감사드립니다.현재 Next.js 강의는 재촬영 중입니다.한 번 촬영을 마쳤지만, 퀄리티가 마음에 들지 않아 다시 촬영하고 있습니다. 🙂빠르면 10월 말, 늦어도 11월 중에는 공개될 예정이며, 마침 Next.js 16이 10월 중 출시될 예정이라 해당 버전을 반영하여 강의를 준비하고 있습니다.좋은 강의를 만들기 위해 정말 열심히 준비 중이니, 조금만 더 기다려주세요!리액트 쿼리(React Query) 또는 TanStack Query는 초급 단계에서는 다소 어려운 부분이 있어, 추후 별도의 유료 강의로 제작될 예정입니다.단, 리액트 강의 구매자분들께는 무료로 제공될 예정이니 걱정하지 않으셔도 됩니다.Next.js 강의 출시 이후 업로드될 계획이며, 분량이 길지 않아 11월 말 ~ 12월 중 공개를 목표로 하고 있습니다.리액트 강의를 구매하셨다면 마음 편히 기다려주세요!현재는 별도의 단체 채팅방은 운영하지 않지만,카카오톡 플러스 친구 ‘수코딩’을 검색하시면 언제든지 1:1 대화로 질문하실 수 있는 창구를 운영 중입니다.공부하시다 궁금한 점이나 힘든 부분이 생기면, 편하게 ‘수코딩’ 채널로 문의 주세요. 🙂리액트 강의는 정말 혼신을 다해 만든 강의입니다.촬영을 마친 후에는 “정말 이만큼 쏟아부을 수 있을까?” 싶을 정도로 많은 노력을 들였습니다.좋게 봐주셔서 그동안의 고생이 헛되지 않은 것 같아 정말 감사한 마음뿐입니다.앞으로도 후속 강의들에 많은 관심 부탁드리며,더 좋은 콘텐츠로 찾아뵙겠습니다.감사합니다!
- 0
- 1
- 33
Hỏi & Đáp
선생님 상태변경할때 질문
안녕하세요! 맞습니다. 연속적으로 증가하는 로직이 아니라서 말씀하신 것처럼 setCount((count+1))라고해도 문제가 없습니다.제가 그럼에도 불구하고 count => count + 1로 한 건 습관을 들이기 위해서입니다.AI 인턴이 답변한 것처럼 상태 업데이트 함수는 비동기로 동작하며 가끔식 상태 업데이트 요청이 여러번 겹치면서 의도치 않은 결과를 초래할 수 있습니다. 따라서, 현재 상태와 관련 있는 업데이트는 그게 비록 아무런 문제가 없는 로직이라고 하더라도습관을 들여놓기 위해서 count => count + 1 처럼 한 것입니다 🙂
- 0
- 2
- 25
Hỏi & Đáp
vite 버전질문
안녕하세요.Node.js 20.19.0 이상Node.js 22.12.0 이상위 조건만 갖춘다면 Vite 7도 6과 차이 없이 학습을 하실 수 있습니다.감사합니다!
- 0
- 2
- 26
Hỏi & Đáp
React.lazy()
안녕하세요. AI 인턴이 답변한 내용이 제 의견과 비슷합니다.React.lazy()를 더보기와 같은 기능에 적용할 수 도 있습니다. 실제로 더보기를 눌렀을 때 무거운 컴포넌트를 렌더링 해야 한다면 React.lazy() 가 효율적입니다.하지만 아마 대부분은 무거운 컴포넌트(연산 작업이 많이 들어가는 컴포넌트)를 더보기를 눌렀을 때 렌더링 하는 경우는 거의 없어서 상태를 활용해서 처리하는 경우가 많을 것이라 생각합니다.React.lazy()는 코드 스플리팅(code splitting) 을 위해 사용됩니다. 즉, 컴포넌트를 처음부터 모두 번들에 포함시키지 않고, 필요할 때 비동기적으로 로드하는 기능이에요. 주로 라우트 단위 페이지 컴포넌트나 큰 덩어리의 UI를 나눠서 초기 로딩 속도를 개선할 때 활용됩니다. 🙂
- 0
- 2
- 24







