안녕하세요 코딩알려주는누나님! 영상 너무 유익하게 잘 봤어요. 이렇게 typescsript를 친절하고 쉽게 가르쳐 주시는 분이 있으셨나 싶을 정도로 너무 재밌게 강의 들었어요. 🙇🏻♂ 이렇게 완벽한 강의에 11:44 에 zipCode에서는 "Number 타입"을 price는 "number 타입"을 쓰셨었는데 아마 깜빡하시고 설명을 못해주신 거 같아요! 제가 면접 질문 받았던 내용이라 + 혹시나 궁금하신 분들을 위해 짧게 설명을 드리자면 Number type은 interface type이고 number는 원시 type입니다. 그래서 명확하게는 두개가 서로 다른 타입이예용. 이걸 확인해볼 수 있는 코드는 다음과 같습니다. const num: number = new Number(1) // Type "Number" is not assignable to type "number". 일반적으로 우리가 알고 있고 사용하는 숫자 타입의 개념은 아니어서 "Number type"은 사용하지 않는게 좋다고 공식 문서에서 권고하고 있어용! 📌공식문서: www.typescriptlang.org/docs/handbook/2/everyday-types.html#the-primitives-string-number-and-boolean
스타트업같은 소규모 프로젝트기준으로 쓰면 쓸수록 이게 과연 좋은건지 의문이 듭니다. 버그최적화는 좋으나 가독성이 떨어지고 개발속도가 js에 비해 떨어지는 느낌입니다 득보다 실이 더 많은거같아요. 대기업의 빅테크에서는 유용할수 있으나 스타트업에서는 글세요.. 그냥 너도 나도 타입이 대세니까 쓰자느낌이 강합니다. 혹시나 제가 모르는부분이 있나해서 이 영상을 봤는데 다른게 없네요. jsdoc이 더 발전하기를 기대하는중입니다.
35:09 이부분 타입 제네릭설정은 되게 유익하네요! 근데 저 여쭙고싶은게있는데 인터페이스와 type으로 타입설정하는것중에 뭐가 더 많이 쓰이나요? 제가 하는 팀플젝에서는 인터페이스로 타입을 설정하자고들 하는쪽입니다. type으로 타입은 양자택일 뭐 예를들면 type hello= “안녕1”|“안녕2” 이런식인경우에만 type을 사용하자고 하시구요.. 이렇게 사용해도되나요? 또 타입설정할때 네임명은 어떤식으로 해야할까요?
프로젝트에 타입스크립트 도입해야 돼서 3일간 영상 20개도 넘게 본 현직자 여기에 뼈 묻습니다. 문법 설명에 영상 구분도 완벽 + 헷갈리는 부분을 나중에라도 확인할 수 있게 정리까지 갓벽하게 해두셔서, 보물 같은 영상이라고 하신 얘기 = 참말 사건입니다.ㅠㅠ 이 영상부터 볼걸 진짜~~~~~ 후회되고요ㅠㅜ;;; 열심히 타입스크립트 영상 준비하셨을 다른 개발자 분들께는 죄송하지만;;;;; 다른 영상은 솔직히 볼 필요도 없다고 단언합니다. 실시간 도입, 현직이면 그냥 이거만 보면 됨... 아무튼 제대로 된 타입스크립트 영상 봐서 몹시 흥분해서 아무말 대잔치해버린 거 같지만 좋은 영상 진심으로 감사합니다!! 언제나 좋은 하루 되시고요!!
1. 함수 밖에서 let을 사용하는 이유가 있을까요? 이 강의의 코드에서는 당연히 문제가 발생 하지 않지만 리액트&JS의 기본중의 기본이라 생각되는부분인데 정확한 설명을 해주시면 좋을거 같습니다. 2. React.FC를 쓰면 여러가지 이슈발생할 가능성이 많아서 가능하면 쓰지 말라고 권장하는경우가 거의 대부분인데 여기서는 쓰는 이유가 궁금합니다. 굳이 이런 질문하는 이유는 [실제 회사에서 쓰는 레벨ver] 이라 적혀 있어서 그렇습니다.
안녕하세요 예제에서 const를 사용하는게 더 좋겠네요 강의할때 let을 많이써서 습관적으로 let을 썻는데 const사용하는게 맞습니다! React.FC같은경우에는 몇몇 단점이 있지만 현재 제가 크게 문제없이 사용하고있어서 가져왔습니다 회사마다 FC가아니라 일반 함수에 타입지정해주는 방식을 사용해줄 수도 있겠네요! 좋은질문주셔서 감사해요!
* 삼쩜삼에서 숨은 환급액 찾아보기:bit.ly/3pkmocM
00:00 인트로
00:11 리액트 타입스크립트 프로젝트 시작법
01:03 tsconfig.json살펴보기
01:48 리액트 타입스크립트 컴포넌트로 바꾸기
02:56 오늘의 예제 소개 (레스토랑정보 보여주기)
06:20 객체 타입정의하는 법
06:41 유료광고 타임 삼쩜삼 세금신고서비스
08:44 다시시작 : 객체타입 정의하는 법
09:47 type으로 타입 정의하는법
12:20 타입안에 타입만들기
14:00 useState에서 타입스크립트 쓰는법
14:54 제네릭 문법
17:06 interface로 타입 정의
18:56 함수 타입스크립트로 정의하기
21:59 interface extends란? 사용법
26:49 type extends하는 방법
27:10 interface와 type의 차이
27:30 Omit 사용법
30:17 Pick 사용법
31:10 ? 사용법
32:22 api에서 타입스크립트 사용법: 제네릭 문법 응용법
* 1탄 보러가기: ruclips.net/video/GHHUjITelsA/видео.html
* 코딩알려주는 누나 강의 듣는곳:codingnoona.thinkific.com/
누나 인스타 뭐야? 1008_shine
안녕하세요 코딩알려주는누나님! 영상 너무 유익하게 잘 봤어요.
이렇게 typescsript를 친절하고 쉽게 가르쳐 주시는 분이 있으셨나 싶을 정도로 너무 재밌게 강의 들었어요. 🙇🏻♂
이렇게 완벽한 강의에 11:44 에 zipCode에서는 "Number 타입"을 price는 "number 타입"을 쓰셨었는데 아마 깜빡하시고 설명을 못해주신 거 같아요!
제가 면접 질문 받았던 내용이라 + 혹시나 궁금하신 분들을 위해 짧게 설명을 드리자면
Number type은 interface type이고 number는 원시 type입니다.
그래서 명확하게는 두개가 서로 다른 타입이예용. 이걸 확인해볼 수 있는 코드는 다음과 같습니다.
const num: number = new Number(1) // Type "Number" is not assignable to type "number".
일반적으로 우리가 알고 있고 사용하는 숫자 타입의 개념은 아니어서 "Number type"은 사용하지 않는게 좋다고 공식 문서에서 권고하고 있어용!
📌공식문서:
www.typescriptlang.org/docs/handbook/2/everyday-types.html#the-primitives-string-number-and-boolean
타입스크립트 첨 공부하고 첫 프로젝트 할 때, 배운거랑 실제 프로젝트랑 너무 달라서 힘들었는데 여기에 다 정리되어있네요... 앞으로도 이런 실전형 팁들 부탁드립니다
타입스크립트를 공부하고 처음 프로젝트에 도입하던 중에 보물을 찾은거 같아요.. 너무 감사합니다 ㅠㅠ
오늘도 감사합니다~~
헐 타입스크립트 다른곳에서 돈내고 강의들을까 했는데 마침 추천에 떳네요ㅋㅋㅋㅋ 저장해놓고 보겠습니다 돈 5만원 굳었네요 항상 행복하시고 감사합니다
오늘도 언니 강의 들으러 왔써요!!! >_< 늘 쬐릿해 베트남 방향으로 감사인사 올리고 시작할게요!!😍
감사합니다! 맨날 2-3년전 강의보고 다시 고치고 했는데 엄청 가독성있게 정리해주시고 딕션도 최고에요!
힣칭찬은 누나도 춤추게한다 감사합니다!!
아씨 진짜 돌아왔네ㅋㅋㅋ
33:49 에 나오는 38번 줄 T에 붙은 에러 안없어지는데 어떤 처리가 필요한가욤?
그리고 npm start로 로컬호스트를 띄우는게 아닌가요? 계속 에러가 떠서요.
export typeApiResponse = { data: T[ ], .....} //할당 연산자
코드 짜다가 다시 돌아온 사람 추가요 👀 진짜 이 영상 보물입니다.. 처음엔 약간 이해안되던게 코드 짜보니 넘 이해가고 열번은 넘게 본거 같아요 헷갈리면 계속 돌아와서 봅니다 쵝오 💗
이영상하나보고 바로 현장 투입됫는데 타입스크립이 다보여요!! 정말 감사합니다!!
키야ㅏㅏㅏㅏ뿌듯하다😍
20:21 21번째줄 prevState 함수로 최신상태 안가져오고...spread로 사용하신 이유가 궁금해요
세금 신고 기간이었네요 까먹고 있었는데
타입스크립트 강의 듣고도 이걸 어떻게 실제 프로젝트에서 쓰는거지 하고 궁금했는데, 제가 궁금한거 여기 다 있네요! 진짜 짱입니다... 이런 실전형 팁들 너무 소중하고 쵝오입니다 감사해요 🫶
안녕하세요 코딩알려주는누나님.
글을 남길 곳이 없어 이곳에 남깁니다.
다름이 아니라 "코딩알려주는누나 웹사이트"에 로그인할때, 자동으로 외부 id (e.g. google)로 로그인하는게 안되네요. 확인부탁드립니다. 감사합니다 :)
다른 분의 인프런 강의 구매했다가 이 강의 듣고 취소했습니다. ㅎㅎㅎㅎ
정말 감사드려요 타입스크립트는 배웠지만 사실타입을지정해준다 정도로만 알았지 프로젝트짜는방향성을 잘 몰랐는데 그것도 같이 짚어주시는것같아 매우 도움되었습니다 누나영상보고 힘내서 빠른시일내 취직으로 보답하겠습니다 훼이렝~
훼이렝~~~~
진짜 저 회사 프로젝트에서 쓰이는 그대롴ㅋㅋㅋㅋㅋㅋ나와서 ㄴ너무너무 신기..너무너무 좋아요 쓰면서도 ㄱ긴가민가 한 것도 이해가 잘됐어요 감사합니다
리액트 랩업하고 갑니다
ver를 var로 봤네 ㅋㅋ
누나 빨리 먹방하세요
개발영상은 수요자층이 너무 좁아요
누나의 입담과 매력이라면
전업 유튜버로 매달 수천만원씩 글어 모아요 ㅎㅎ
이번 영상은 넘 유익하네요
좋아요 감사해요 ㅎㅎ
얼런 가서 먹방 유튜버로 돈 긁어모으세요 ㅋㅋㅋ
스타트업같은 소규모 프로젝트기준으로 쓰면 쓸수록 이게 과연 좋은건지 의문이 듭니다. 버그최적화는 좋으나 가독성이 떨어지고 개발속도가 js에 비해 떨어지는 느낌입니다 득보다 실이 더 많은거같아요. 대기업의 빅테크에서는 유용할수 있으나 스타트업에서는 글세요.. 그냥 너도 나도 타입이 대세니까 쓰자느낌이 강합니다. 혹시나 제가 모르는부분이 있나해서 이 영상을 봤는데 다른게 없네요. jsdoc이 더 발전하기를 기대하는중입니다.
영상에서 number가 아닌 Number로 작성하신 이유가 있을까요!!
이해가 한번에 되네 바로 구독 박음
타입스크립트 실제로 어떻게 쓰이는지 궁금했는데 이 영상 보니까 감이 잡혔어요 !!! ㅠㅠ
욕심인건 알지만 redux 같이 store 쪽에서도 타입스크립트 어떻게 쓰이는지 추가되면 좋을 것 같아요 🥹
선생님 말고도 시중에 타입스크립트 기반으로 하는 리엑트 강의는 왜 잘 안보이는건가용?
너무 쉽게 잘 설명해주시네요...감사합니다...^^
4:55 :React.FC 6:40 객체 타입정의(객체는 여러 종류의 자료가 섞여있어 하나로 정의하기 힘들다) 21:08 함수 prop으로 보내는 방법
뭐꼬?
수업을 다 듣고 문법이 숙달 될 때 까지 예제를 여러 번 곱씹어 보면 정말 실무에 도움이 많이 될것 같아요~
35:09 이부분 타입 제네릭설정은 되게 유익하네요!
근데 저 여쭙고싶은게있는데
인터페이스와 type으로 타입설정하는것중에 뭐가 더 많이 쓰이나요?
제가 하는 팀플젝에서는 인터페이스로 타입을 설정하자고들 하는쪽입니다.
type으로 타입은 양자택일 뭐 예를들면
type hello= “안녕1”|“안녕2”
이런식인경우에만 type을 사용하자고 하시구요..
이렇게 사용해도되나요?
또 타입설정할때 네임명은 어떤식으로 해야할까요?
정말 쉽게 설명해주시네요! 감사합니다 👍
이메일좀 확인해주세욧
와우 이거 귀한 영상이로군요!
타입스크립트 리액트 프로젝트에 어떻게 적용하는지 막막 했는데 감사합니다!!❤
꼭 써보세요!
@@코딩알려주는누나 넵 :)
안녕하세요! 강의 너무 귀에 쏙쏙들어옵니다! 귱금한게 있는데 changeadress함수에서 이벤트를 실행하면 ...myadress에 변경된 주소가 덮어씌워지는건가요???
언니 강의 영상 진짜 보물같아요.. 핵심만 쉽게 알려주셔서 감사합니다!! 꼭 마스터 해 볼게요🥰
예언 인정합니다.
감사합니다. 해당 강의 듣고 제네릭 부분 이해를 못했는데 완벽하게 이해했습니다.
omg 새로운 비디오, 너무 흥분
설명 왜이렇게 찰지게 잘해주시죠??ㅋㅋㅋㅋ 집중 잘되네요. 타입스크립트 문법 다 배우고 막상 js로 된 프로젝트 ts로 바꾸려니까 시작도 못했는데 잘배웠습니다!
마지막 부분은 진짜 모르면 큰일나는 것들이 많이 들어있네요
좋은 강의 잘 보고 갑니다
코알누 세금신고 광고 ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
앵귤러에서는 좀 다른가요? 보고 앵귤러에서 살짝살짝 따라해보는데 잘 안되네요..
진심 마지막 멘트 ㅋㅋㅋㅋ 나중에 보면…. 진짜네요 감사합니다 ㅠㅠ
이 누나 강의는 알기 쉬움. 모르는데 왜 알기쉽지?
제가 설명을 잘해서 🥰
와 너무 도움많이 됐어요!!
타입스크립트로 마이그레이션 하는중인데 ...확실히 확확 이해갑니다 감사합니다
매번 느끼는 거지만 똑똑하고 능력있는데 이쁘기까지 한 누나
춤도 잘춤
이게 무료라고?....
내말이....
장점도 있지만 스크립트라는 장점도 사라지네...
24:08 잘못 걸리면 ㅈ되는겁니다 여러분
이게 공짜라니..
너무 감사합니다😭😭
낄낄 잘써주세요!
내용은 모르겠고 얼굴만 봤습니다.
그럼 앙대는데... ㅠ
웅니이이!!! 저는 찐빱 응애 아기 개발자인데
어쩌다보니 얼레벌레 단기 프로젝트 프리랜서를 하게 되었는데 타입스크립트을 알아야 한다는거에여..?
저는 원시타입만 알거든요! 웅니 덕분에 하루만에 깨달음 얻고 하산하여
전쟁터로 떠납니다~~!! 감사해요 웅니!! 웅니 최고!!
멋지게 싸우고 오너라!!
와.. 타입스크립트 이거 보고 완전 흡수함!!
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ너무상큼하셔... 수업도 너무 좋았습니다! 감사합니다!
ts 입문한지 얼마 안되었는데 이렇게 유익한 영상이라니! 감사합니다.
누나 타입스크립트 너무
어지러워😢
두세번보면 다를꺼야!
한국사람이라서 감사드립니다..
눈물나요. ~ 👍 저게 뭔가~ 했어요.
너무나 유익한 영상이에요!!! :) 감사합니다!
웅니 너무 간단하고 체계적인 설명 고마워요.. 지루하지도 않고 이해가 쏙쏙.. 바로 구독 박았어요.. 다음에는 웹소켓 채팅앱 강의 들을거예요.. 🩷
오! 꼭완주해줘요!
흑 감사합니다!!
함수형 컴포넌트의 반환값은 타입을 지정해주지 않아도 기본적으로 추정해주는 걸로 알고있는데, 명시해주는 게 좋을까요?
명시해주는게 좋아요 예상치못한에러로 다른 반환타입이.나올 수 있기 때문이죠!
사랑해요 언니
대박이에요
❤
실전 개꿀강의네요 감사합니다!
강의가 좋으니 생각보다 쉽고 재밌어요 ㄷ ㄷ
감사합니다!
타입스크립트 이 영상한번보면 바로 대부분이 이해되네요 ㅎㅎ
헤헤🥰
@@코딩알려주는누나 interface가 아니라 type을 선호하는 이유가 궁금합니다!
프로젝트에 타입스크립트 도입해야 돼서 3일간 영상 20개도 넘게 본 현직자 여기에 뼈 묻습니다. 문법 설명에 영상 구분도 완벽 + 헷갈리는 부분을 나중에라도 확인할 수 있게 정리까지 갓벽하게 해두셔서, 보물 같은 영상이라고 하신 얘기 = 참말 사건입니다.ㅠㅠ 이 영상부터 볼걸 진짜~~~~~ 후회되고요ㅠㅜ;;; 열심히 타입스크립트 영상 준비하셨을 다른 개발자 분들께는 죄송하지만;;;;; 다른 영상은 솔직히 볼 필요도 없다고 단언합니다. 실시간 도입, 현직이면 그냥 이거만 보면 됨... 아무튼 제대로 된 타입스크립트 영상 봐서 몹시 흥분해서 아무말 대잔치해버린 거 같지만 좋은 영상 진심으로 감사합니다!! 언제나 좋은 하루 되시고요!!
우아 ㅠㅠㅠ 칭찬 너무 감사합니다!!
이거 진짜 개꿀영상입니다 b
감사합니다!!
타입 스크립트 강의 도 출시하나요 ?!!
아직은 계획 없어요!
감사합니다 누낭 ㅎㅎ
댓글 고마워요!
많이 도움 받고 갑니다 ㅜ 감사합니다 ㅜ
제가 더 감사합니다🥰
진짜 보물영상 👍👍
이 댓글도 보물🥰
이 누나 완전 최고
힣 🥰
타입 쓰니까 확실히 코드가 지저분해지고 가독성이 떨어지네요
하지만 그것보다 얻는게 훨씬 많죠!
협업할 때는 자유도 높은게 최악 ㅎ
1. 함수 밖에서 let을 사용하는 이유가 있을까요? 이 강의의 코드에서는 당연히 문제가 발생 하지 않지만
리액트&JS의 기본중의 기본이라 생각되는부분인데 정확한 설명을 해주시면 좋을거 같습니다.
2. React.FC를 쓰면 여러가지 이슈발생할 가능성이 많아서 가능하면 쓰지 말라고 권장하는경우가 거의 대부분인데 여기서는 쓰는 이유가 궁금합니다.
굳이 이런 질문하는 이유는 [실제 회사에서 쓰는 레벨ver] 이라 적혀 있어서 그렇습니다.
안녕하세요 예제에서 const를 사용하는게 더 좋겠네요 강의할때 let을 많이써서 습관적으로 let을 썻는데 const사용하는게 맞습니다! React.FC같은경우에는 몇몇 단점이 있지만 현재 제가 크게 문제없이 사용하고있어서 가져왔습니다 회사마다 FC가아니라 일반 함수에 타입지정해주는 방식을 사용해줄 수도 있겠네요! 좋은질문주셔서 감사해요!