안녕하세요! 오늘은 그동안배운 기본 컨셉: 컴포넌트,props,state를 가지고 냅다 프로젝트 하나를 만들어보면서 실제 어떻게 사용하는지 감을 익힙시다! 00:00 인트로 00:39 무엇을 개발할 것인가? 01:12 리액트 할떄 중요한것 :무엇을 컴포넌트로 만들까? 02:56 1. 인풋창 만들기 03:37 2. 인풋창에 입력한 값 읽는 방법 05:42 3. 버튼 클릭 이벤트 함수 만들기 07:36 4. 컴포넌트 만들기 12:22 5. 스타일 만들기 14:03 6. 할일 리스트 보여주기 18:53 리액트가 더 배우고 싶다면? 코딩알려주는 누나 강의 듣는곳 codingnoona.thinkific.com/
국비지원을 이야기하고 싶은데 학생도 깔수없고 학원도 깔수가 없네요. 어느 한쪽을 까면 국비지원에 대한 비판이 크게 올라올것이고 학생과 학원 양쪽에 다 불이익이 될수가 있습니다. 소프트웨어에 국비지원 끊기고 타일 페인트에 국비지원 돌리면 그만큼 소프트웨어 인력이 양성이 안될것이고 타일 페인트 배관 이런건 외국인 노동자들도 다 하기때문에 국비지원 해봤자 아무 이득도 없는것입니다.
코딩알려주는 누나 님 ,리액트로 간단한 게시판 만드는 강좌를 만들어주세요.커뮤니티 게시판 만드는데 도움이 되리라 생각됩니다.누구나 이익이 되는 착한 뉴스.부자 학원, 출판사 "도스죠스"가 대박 전자책을 발행 했습니다. "부자가되고 싶으면 부자 생각을 하라" 스타만 찾아 다니는 "스타 콤바인"연예인 전용 플랫홈 =>부트스트랩 강좌보고 만들엇어요.
안녕하세요! 저는 비전공자이고 아직 시작도 안해서 코딩에 대해서 찾아보고 있는데, 경제능력상 부트캠프는 불가능하고 알바를 안할 수는 없어서ㅠ 국비학원처럼 하루종일 해야하는 것도 일단은 무리인거같아서 최대한 온라인으로 알아보고 있는데요, 코딩알려주는 언니 강의 올라온거만으로도 (+ 완강 후 독학이나 심화공부 하고 더 공부해서 포트폴리오 만든다고 하면) 충분히 취업까지 연결될까요? 아니면 언니의 강의는 완전히 기초입문이해용이어서 수강 해도 포폴이나 지식의 범위가 취업용으로는 사용할 수 없는건지 ?? 궁금해서요... ㅠㅠ 아무래도 학원이나 부트캠프가 병행되어야 하는 건지... 알려주시면 감사드리겠습니다!!
안녕하세요 최근 영상 잘 보고 있습니다! 질문이 있는데요, 다른 업계로 취직하고 퇴근 후나 주말에 공부해서 개발자로 이직하는 사례가 종종 있나요? 저는 대학 4학년이고 졸업을 앞두고 있는데 제 전공과 관련된 취업 준비를 워낙 많이 해놔서 선뜻 진로를 바꾸기가 어려운 상황입니다. 요즘 들어 간단한 프로그램을 만들어보며 코딩이 재밌고 저한테 맞는 것 같다는 생각을 자주 하지만, 그것만 믿고 취업을 미루기가 곤란해서요. 그래서 취업을 우선 하고 코딩을 남는 시간에 더 배워보려 하는데 이게 괜찮은 방법일지 조언을 듣고 싶습니다. 취업을 한다면 하루 평균 4시간 정도 코딩 공부를 할 수 있을 것 같습니다.
@@user-yu8so2ck1z 아.. app.js 에서 input에 value에 {inputValue}를 안줬었네요.. 주니까 되긴하는데 이제는 Warning: Each child in a list should have a unique "key" prop. 이라는 오류가 뜹니다 ㅠㅠ
@@user-yu8so2ck1z 안녕하세용! 삭제구현을 부모에서 배열바꿀수있는 setter를 props로 내려주고 호출확인도 하였습니다 다른건 다 되는데 filter splice를 하면 다른것도 삭제되는 현상이 나와서 좀더 고민중이에요ㅜㅜ 힌트는 없겠죵??ㅎㅎ 해결하면 댓글 남겨볼게요~!! 강의 감사합니다
안녕하세요! 오늘은 그동안배운 기본 컨셉: 컴포넌트,props,state를 가지고
냅다 프로젝트 하나를 만들어보면서 실제 어떻게 사용하는지 감을 익힙시다!
00:00 인트로
00:39 무엇을 개발할 것인가?
01:12 리액트 할떄 중요한것 :무엇을 컴포넌트로 만들까?
02:56 1. 인풋창 만들기
03:37 2. 인풋창에 입력한 값 읽는 방법
05:42 3. 버튼 클릭 이벤트 함수 만들기
07:36 4. 컴포넌트 만들기
12:22 5. 스타일 만들기
14:03 6. 할일 리스트 보여주기
18:53 리액트가 더 배우고 싶다면?
코딩알려주는 누나 강의 듣는곳
codingnoona.thinkific.com/
언니.... 강의 정말 정신 사납고
너무 좋자나요!!!!!!! 딱 내 서타일💕💕
너무 감사해요 ❤
치치칭찬인건가..?
@@user-yu8so2ck1z 완전 조아요♡♡ 저는 강의들으면 졸려지는데 언니 강의 졸릴 틈 없이 재밌는거 넘 좋아요!!!!!
코알눈나 우리회사 강의에 눈나꺼 있더라 내년에 포인트 들어오면 바로 지를게요 고퀄강의 너무 좋아연!! 돈쭐나라굿
돈쭐 제일좋아😆
와씨 진짜 쉽게 설명해주시네요!! 나중에 타입스크립트랑 리덕스 강의도 해주세요!
너무 재밌고 신나게 가르쳐주셔서 저까지 덩실거리면서 만들었다는..
징짜요오옹? 🥰
얼굴이 점점 이뻐지시는듯. 아이돌 같아요 ~
최고의 코딩 CZcams 채널 중 하나, 나는 편견조차 갖지 않습니다.
영상 감사합니다 최근 리액트로 사내에서 쓰는 사이트를 리뉴얼하게 되서 어찌 공부하나 싶었는데 설명도 재밋고 알차서 많은 도움되고있습니다!ㅋㅋ
JS, React 강의 넘 잘 듣고 있어요!!! TS 강의는 오픈하실 계획 없으신가요~?
진짜 웃으면서 공부했네요 진짜 강의도 좋은데 재밌어욬ㅋㅋㅋㅋ
재미 절대지켜!
인프런에서 누나강의 잘 듣고왔어요 :)
아니 언니.. 이렇게 쉬운거라구..? ㅠㅠ 감사해여
최고! 구독하고가요
설명 너무 쉽고 따봉입니다
언니 최고 ㅜㅜㅜ
너도최고 🥰
코딩알려주는 누나는 왜 자꾸 이쁜가요???
에? 그러게? 왜자꾸 이쁘디?😗
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 진짜 개웃겨요 근데 공부가 되는 게 어이없음
그렇게 나에게 스며드는거야~~~
재미떠여.
내 마음속 일타강사ㅠㅠㅠ
당신도 내 마음속 한줄기 빛🥰
국비지원을 이야기하고 싶은데 학생도 깔수없고 학원도 깔수가 없네요.
어느 한쪽을 까면 국비지원에 대한 비판이 크게 올라올것이고
학생과 학원 양쪽에 다 불이익이 될수가 있습니다.
소프트웨어에 국비지원 끊기고 타일 페인트에 국비지원 돌리면 그만큼 소프트웨어 인력이 양성이 안될것이고
타일 페인트 배관 이런건 외국인 노동자들도 다 하기때문에 국비지원 해봤자 아무 이득도 없는것입니다.
코딩알려주는 누나 님 ,리액트로 간단한 게시판 만드는 강좌를 만들어주세요.커뮤니티 게시판 만드는데 도움이 되리라 생각됩니다.누구나 이익이 되는 착한 뉴스.부자 학원, 출판사 "도스죠스"가 대박 전자책을 발행 했습니다.
"부자가되고 싶으면 부자 생각을 하라"
스타만 찾아 다니는 "스타 콤바인"연예인 전용 플랫홈 =>부트스트랩 강좌보고 만들엇어요.
개념이 이제서야 잡히는거같아요!! 감사합니다 사랑해요
코딩누나 import React from "react" 첫줄만 치면 파일을 찾을 수 없다는 오류가 뜨는데 왜 이럴까요ㅠㅠ 해결이 안되니 전편부터 코딩이 안되네요
프로젝트를 npx create-react-app 으로 만들어주세요
안녕하세요! 저는 비전공자이고 아직 시작도 안해서 코딩에 대해서 찾아보고 있는데, 경제능력상 부트캠프는 불가능하고 알바를 안할 수는 없어서ㅠ 국비학원처럼 하루종일 해야하는 것도 일단은 무리인거같아서 최대한 온라인으로 알아보고 있는데요, 코딩알려주는 언니 강의 올라온거만으로도 (+ 완강 후 독학이나 심화공부 하고 더 공부해서 포트폴리오 만든다고 하면) 충분히 취업까지 연결될까요? 아니면 언니의 강의는 완전히 기초입문이해용이어서 수강 해도 포폴이나 지식의 범위가 취업용으로는 사용할 수 없는건지 ?? 궁금해서요... ㅠㅠ 아무래도 학원이나 부트캠프가 병행되어야 하는 건지... 알려주시면 감사드리겠습니다!!
제 강의 듣고 좋은 포트폴리오 만들면 충분히 가능하나 주위에 같이 배우는 사람들이있으면 나의 능력치를 더 최대로 이끌 수 있습니다! 그래서 가능하시면 국비지원이나 또는 누군가와 같이 배우시는걸 추천합니다!
안녕하세요 최근 영상 잘 보고 있습니다!
질문이 있는데요, 다른 업계로 취직하고 퇴근 후나 주말에 공부해서 개발자로 이직하는 사례가 종종 있나요?
저는 대학 4학년이고 졸업을 앞두고 있는데 제 전공과 관련된 취업 준비를 워낙 많이 해놔서 선뜻 진로를 바꾸기가 어려운 상황입니다.
요즘 들어 간단한 프로그램을 만들어보며 코딩이 재밌고 저한테 맞는 것 같다는 생각을 자주 하지만, 그것만 믿고 취업을 미루기가 곤란해서요.
그래서 취업을 우선 하고 코딩을 남는 시간에 더 배워보려 하는데 이게 괜찮은 방법일지 조언을 듣고 싶습니다.
취업을 한다면 하루 평균 4시간 정도 코딩 공부를 할 수 있을 것 같습니다.
제 친구의 이야기이지만 수년간 어학 강사로 일하다가 남는 시간에 코딩 공부해서 최근 IT기업으로 개발자로 이직했습니다 목표가 확실하시고 꾸준히 노력하신다면 충분히 가능하다고 생각되네요
삭제버튼 만드는 방법 알고 싶어요
NodeJS는 몇월쯤 나올 예정인가요??
아직 구체적일정은 안나왓습니다 ㅠㅠ
그... 17:44 쯤 보고있는데 이거 실행하니까 에러가 쫙 뜨네요...
Uncaught TypeError: Cannot read properties of undefined (reading 'map')
The above error occurred in the component:
이렇게 에러인데요..
똑깥이 따라쳤는데도 왜 에러가 뜨는걸까요 ㅠㅠㅠㅠㅠㅠ
.map을 사용한 객체가 배열이 아니고 값이 null이거나 undefined이거나 다른값일때 나오는 에러입니다! 배열이 맞는지 확인해주세요!
@@user-yu8so2ck1z 아.. app.js 에서 input에 value에 {inputValue}를 안줬었네요.. 주니까 되긴하는데 이제는 Warning: Each child in a list should have a unique "key" prop. 이라는 오류가 뜹니다 ㅠㅠ
배열의 value값이 각각 key값을 가지고 있어야 해서 뜨는 오류입니다!
리액트 아직 배우지 못했는데요. 저렇게 투두리스트를 만들면 페이지를 끄고키면 데이터 초기화되지않나요?
세션이나 로컬스토리지에 저장하는방식으로도 알고싶어요
그건 어렵지 않아요 데이터 추가할때 localstorage에 set 하고 읽을때 다시 get 하면 끝입니다 구글 검색 ㄱㄱㄱ
@@user-yu8so2ck1z form에서 로컬스토리지 이용법이 좀 헷갈리더라구요 구글검색해도 어렵게설명되서ㅜ
1빠!!ㅎㅎ
혹시 삭제 기능도 해보신 분들 계실까요?.. 뭔가 잘 안되네요...
삭제하기 좀 어려워요!! 구글에 한번 할일앱 코드 찾아보세여!!엄청 많아서 참고하기 좋으실거에여!
@@user-yu8so2ck1z 안녕하세용!
삭제구현을 부모에서 배열바꿀수있는
setter를 props로 내려주고 호출확인도 하였습니다 다른건 다 되는데
filter splice를 하면 다른것도 삭제되는 현상이 나와서 좀더 고민중이에요ㅜㅜ
힌트는 없겠죵??ㅎㅎ
해결하면 댓글 남겨볼게요~!!
강의 감사합니다
최거
너무 맛만보고 끝나서 아쉽다..🤔
제 유료코스가면 실컷배우실 수있어용!! 헤헤 다음에도 리액트 영상 많이 올릴게요!