앗, 정말 #을 빼먹었네요. 알려주셔서 감사해요! 리뉴얼 전 useId 공식 문서에는 useId의 쌍점 `:` 에 대해 이렇게 언급해뒀더라구요: "useId generates a string that includes the : token. This helps ensure that the token is unique, but is not supported in CSS selectors or APIs like querySelectorAll." 말씀하신데로 document.getElementById는 잘 되는걸 보니, DOM 요소에 직접적으로 접근 하는것을 "어느정도만" 막아주는 것 같네요!
하나 질문드립니다.. [글작성 부분에 있어서 미흡하더라도 한번읽어주시면, 감사합니다.] Rpa쪽 1년하다가 풀스텍 쪽으로 넘어 오게되었습니다. 과거 java 6개월 과정을 포기한적이 있습니다. 취업도 못했구요. 그러다가 다른 기회 가 생겼구요. 1년을 대기업 1곳, 중소 2곳, 공공기관 등 맡으면서 성장했었고.. 삼성 rpa자격증도 취득했습니다.. 그러다가 다른 분아도 해야 한다는 말씀에.. 웹 쪽으로 가게 되었구요. 기술 : 프론트앤드 typescript, react, mui, styled 백앤드 : java, spring boot, maybaties 1. Rest api 상호간에 통신 해보았습니다. 2. Jpa, mapper, orm 등 개념 및 crud 3. Aop, ioc, di 개념 및 적용까지 현재 가장 중요한 개념이 jwt, 인증, 권한, 보안 해보는거요.. 근데, 여기서 질문 입니다. 1. 옳바른 방법으로 공부하고 있는 걸까요? 공부 방법 - chatgpt를 사용해서 프론트 앤드 구조를 파악했습니다. 여기서 구조란 트리구조 api, component등 예제로는 FSD같은 구조요. 사실 선임님이 프론트앤드와 백앤드 구조를 잡아 주셧어요. 2. 백앤드 구조도 위와 마찬가지 입니다. 그리고 개념들을 알구요. 3. javacript에서는 이벤트 개념, 함수, 조건문, 반복문까지 만 알고 있습니다. 그리고 python, c, c# 다루어 보았고, 언어에 대한 감각은 조금 있다고 자부 합니다. 그렇지만, java는 객체, 상속(extend), 추상화(interface), 클래스(함수, 변수[인스턴스]), 전역변수 느낌의 static까지 몰랐지만 부랴부랴 공부했습니다. 제가 이렇게 말하는 이유는? 중간 과정이라는게 있잖아요. 무엇을 부터 배우고 왜? 쓰는지? 불편함은 무엇인지? 알고 넘어가야하는데 건너뛰었더라구요. ㅜㅜ 그래도 되는건지 모르겠네요. 그래서 주말이던, 쉬는 공휴일이던 공부합니다. 하루에 4~6시간씩요.
안녕하세요! 여러가지 지식을 넓지만 얕게 공부하는건 원하는 분야로 방향성을 잡기 좋은 방법이라고 생각해요. 또한 한 분야에 전문성을 가진 개발자라고 해도, 넓은 지식을 가지는건 다른 개발자와 원활한 소통을 위해 필수적이라고 생각하구요. 하지만 하나의 분야를 깊이있게 파는것이 더 중요하다고 생각해요. 그렇게 해야만, 전문성을 키울 수 있고, 가지고 계신 지식으로 팀이라는 집단에서 더 높은 가치를 줄수 있기때문이죠. 이는 단순히 문법이나 기술의 사용법을 넘어서, 그 기술이나 분야의 핵심과 철학에 대해서 알고 있는 것들을 포함해요. 이제는 넓게 공부하시는 것보단, 하나의 분야 선택하셔서 더 심층적으로 파보시는것을 추천드려요. 프론트엔드라면 프론트엔드, 백엔드라면 백엔드! 제가 제일 추천드리는 공부 방법은 원하는 기술을 사용해서 사이드 프로젝트를 만들어보는거예요. 여러가지 문제를 맞닥뜨리면서 배울수 있는게 참 많거든요. 말씀하신데로, 어떤 기술을 배울때 그 기술이 어떤 문제점을 해결하기위한 도구인지 파악하는것도 중요해요. 하지만 때로는 어떤 기술의 철학을 이해하는 정도는, 개발자가 이미 가지고 있는 지식의 양과 비례하기도 하더라구요. 예를들어서, 리액트라는 기술의 "코드의 유지보수성을 높인다" 라는 철학을 이해하기 위해서는, 이미 더러운 코드를 작성해본 경험이 있는 분들에게 더 와닿는것 처럼요. 지금부터라도 어떠한 기술을 공부할때, 해당 기술에 철학에 대해서 조금씩 찾아보시면 좋을 것같아요. 빠르게 변화하는 기술의 트렌드를 더 자연스럽게 맞이할수 있게되실거라고 생각해요!
8:08 querySelector 에 # 빠지셨어요 (# 넣어도 말씀하신대로 안돌아가네요). document.getElementById 는 useId() 로도 잘 되네요.
앗, 정말 #을 빼먹었네요. 알려주셔서 감사해요!
리뉴얼 전 useId 공식 문서에는 useId의 쌍점 `:` 에 대해 이렇게 언급해뒀더라구요:
"useId generates a string that includes the : token. This helps ensure that the token is unique, but is not supported in CSS selectors or APIs like querySelectorAll."
말씀하신데로 document.getElementById는 잘 되는걸 보니, DOM 요소에 직접적으로 접근 하는것을 "어느정도만" 막아주는 것 같네요!
감사합니다 선생님 !
영상 봐주셔서 감사해요!
오.. 반복문 key값에 index합쳐서 넣어도 좋겠네요?
6:18 근데 이렇게 할거면 그냥 아이디를 name, age이렇게만 해도 되는거 아닌가요? 굳이 id를 넣는 이유가 있나요??
name, age로만 해주면, 컴포넌트를 제사용 할때 아이디 중복이 발생합니다!
설명 수준이 정말 높으시네요..
감사합니다!! 😊
처음 보는데 딕션이 너무 좋고 말하는 속도도 딱 좋은 것 같아요. 댓글 원래 안남기는데 듣는 사람을 생각해서 강의하시는 게 느껴져서 구독하고 갑니다.
댓글 감사합니다 ❤️ 어느정도 속도로 편집을 해야 듣기 편할까 고민 많이 했었는데 마음에 드신다니 다행이예요!
명강의 항상 잘 보고 있습니다❤
과찬이세요~~ ㅋㅋㅋ 감사합니다!!
이번강의도 넘 알기쉬웠습니당 쵝오 ! 얼른 백만 찍으시길 🎉
이번에도 보러와주셔서 감사해요~ 😆😆😆
알고리즘 너무 신기함 마침 관련 기능이 필요한 웹사이트를 만드느라 zustand로 값 저장하고 난리중이었는데..
좋은 타이밍에 영상이 올라와서 기쁘네요!
헐 첫빠다 요즘 별코딩님 리액트강의 반복재생으로 잘보고있는데 방금올라와서 후다닥왔어요.... 미친 강의력으로 강의 제공해주셔서 감사합니다..ㅠㅠ
달려와주셨다니~~~~ 감동이예요 😆 이번 영상도 봐주셔서 감사해요!
드디어 올라왔군요 기다렸습니다. 감사합니다. 너무 설명 잘해주셔요
거의 1년 반만에 올리는 리액트 강의네요 ㅎㅎ 기다려주셔서 감사해요!
꾸준히 많이 올려주세요🥹 전달력이 항상 좋으시네요👍
열심히 만들어서 올려볼게요! 감사합니다 :)
UseId는 useref를 쓰도록 강제 해 주니까 장점이라는 설명은 좀;
하나 질문드립니다..
[글작성 부분에 있어서 미흡하더라도 한번읽어주시면, 감사합니다.]
Rpa쪽 1년하다가 풀스텍 쪽으로 넘어 오게되었습니다.
과거 java 6개월 과정을 포기한적이 있습니다. 취업도 못했구요. 그러다가 다른 기회
가 생겼구요.
1년을 대기업 1곳, 중소 2곳, 공공기관 등 맡으면서 성장했었고.. 삼성 rpa자격증도 취득했습니다.. 그러다가 다른 분아도 해야 한다는 말씀에.. 웹 쪽으로 가게 되었구요.
기술 :
프론트앤드 typescript, react, mui, styled
백앤드 : java, spring boot, maybaties
1. Rest api 상호간에 통신 해보았습니다.
2. Jpa, mapper, orm 등 개념 및 crud
3. Aop, ioc, di 개념 및 적용까지
현재 가장 중요한 개념이 jwt, 인증, 권한, 보안 해보는거요..
근데, 여기서 질문 입니다.
1. 옳바른 방법으로 공부하고 있는 걸까요?
공부 방법 - chatgpt를 사용해서 프론트 앤드 구조를 파악했습니다. 여기서 구조란 트리구조 api, component등 예제로는 FSD같은 구조요. 사실 선임님이 프론트앤드와 백앤드 구조를 잡아 주셧어요.
2. 백앤드 구조도 위와 마찬가지 입니다. 그리고 개념들을 알구요.
3. javacript에서는 이벤트 개념, 함수, 조건문, 반복문까지 만 알고 있습니다. 그리고 python, c, c# 다루어 보았고, 언어에 대한 감각은 조금 있다고 자부 합니다. 그렇지만, java는 객체, 상속(extend), 추상화(interface), 클래스(함수, 변수[인스턴스]), 전역변수 느낌의 static까지 몰랐지만 부랴부랴 공부했습니다.
제가 이렇게 말하는 이유는? 중간 과정이라는게 있잖아요. 무엇을 부터 배우고 왜? 쓰는지? 불편함은 무엇인지? 알고 넘어가야하는데 건너뛰었더라구요. ㅜㅜ
그래도 되는건지 모르겠네요.
그래서 주말이던, 쉬는 공휴일이던 공부합니다. 하루에 4~6시간씩요.
안녕하세요! 여러가지 지식을 넓지만 얕게 공부하는건 원하는 분야로 방향성을 잡기 좋은 방법이라고 생각해요. 또한 한 분야에 전문성을 가진 개발자라고 해도, 넓은 지식을 가지는건 다른 개발자와 원활한 소통을 위해 필수적이라고 생각하구요.
하지만 하나의 분야를 깊이있게 파는것이 더 중요하다고 생각해요. 그렇게 해야만, 전문성을 키울 수 있고, 가지고 계신 지식으로 팀이라는 집단에서 더 높은 가치를 줄수 있기때문이죠. 이는 단순히 문법이나 기술의 사용법을 넘어서, 그 기술이나 분야의 핵심과 철학에 대해서 알고 있는 것들을 포함해요.
이제는 넓게 공부하시는 것보단, 하나의 분야 선택하셔서 더 심층적으로 파보시는것을 추천드려요. 프론트엔드라면 프론트엔드, 백엔드라면 백엔드! 제가 제일 추천드리는 공부 방법은 원하는 기술을 사용해서 사이드 프로젝트를 만들어보는거예요. 여러가지 문제를 맞닥뜨리면서 배울수 있는게 참 많거든요.
말씀하신데로, 어떤 기술을 배울때 그 기술이 어떤 문제점을 해결하기위한 도구인지 파악하는것도 중요해요. 하지만 때로는 어떤 기술의 철학을 이해하는 정도는, 개발자가 이미 가지고 있는 지식의 양과 비례하기도 하더라구요. 예를들어서, 리액트라는 기술의 "코드의 유지보수성을 높인다" 라는 철학을 이해하기 위해서는, 이미 더러운 코드를 작성해본 경험이 있는 분들에게 더 와닿는것 처럼요. 지금부터라도 어떠한 기술을 공부할때, 해당 기술에 철학에 대해서 조금씩 찾아보시면 좋을 것같아요. 빠르게 변화하는 기술의 트렌드를 더 자연스럽게 맞이할수 있게되실거라고 생각해요!
선생님 map함수로 컴포넌트 만들때 key값 만들기너무어려운데 어떻게 활용해서 넣을지도 알려주세요
Map의 key값으로 useId를 사용하시는건 좋지 않아요! Key 값은 데이터에서 고유한 field를 직접 추출해서 사용하시는게 좋습니다. 예전에 key에 관련된 영상을 하나 만든게 있는데, 그거 확인해보시면 좋을 것 같아요!
질문하나 드려도 될런지요..? 리액트에서 왜 훅이라는 이름이 붙은건지 궁금합니다. 왜 훅일까요..? 검색해봐도 찾지 못하겠습니다.
오매.. uuid에서 갈아탑니다
단점은 없을까요?? 너무 단순해서 겹칠수(?)도 있지 않을까 싶은데요
공식문서에 고유하다고 나와있으니 리액트가 알아서 잘 처리해주지 않을까 라고 생각합니다!
숫자가 늘어나는거 보면 ai(auto increasement) 방식으로 렌더링시마다 초기화하고, 1씩 늘어나는 id가 아닐까 하네요
지금 밖인데... 빨리 집가서 보고싶다
😆😆😆 보셨나요?!?!
감사합니다. 많이 배웠습니다
감사합니다!!
기존 강의 내용 대비 정말 쉽군..
세상에서 제일 쉬운 리액트 훅 😆😆
이거 몰라서 uuid 썼었는데 개꿀 ㅋㅋ useUuid 지운다 ㅋㅋㅋ
😆😆
브라우저 호환성 잘 확인하고 쓰세요!
html의 label , for 와 비슷한건가?
네 맞아요! JSX 문법에선 for 대신 htmlFor를 사용합니다. for는 이미 자바스크립트에서 사용되는 키워드이기때문이죠 :)
동빈나님 맞죠?
다른 분임
아니예요~ ㅋㅋㅋㅋ
별코딩 만세!!
만세~~~~!!!
uuid 짱
❤
😆😆
쌍점ㅋㅋㅋㅋ