안녕하세요. 좋은 강의 감사합니다. 소식에 올려주신 저자 블로그를 보다가 동영상 강의 도 있다는 것을 알게 됐는데요. 혹시 어떤 식으로 구성돼 있는지 알 수 있을까요? 본 강의인 Frontend System Design Essentials 책을 그냥 강의로 옮긴 수준인지, 그 이상의 무엇이 있는지 궁금해요.
저는 개발자 생활 초기에는 화면에서 받은 파라미터들을 받아 파라미터들을 이용하여 쿼리문을 작성하여 화면에 노출시키는 로직등을 많이 개발해 왔었어요. 그러다 보니 화면도 중요하지만 쿼리작성이 무엇보다 많이 중요했었거든요. 쿼리작성이 중요하다 보니, PL님 혹은 팀장님들 에게서 많이 교육 받은것 중 하나가 콤마를 앞으로 쓰는 겁니다. 그게 버릇이 되어 왔고 이쁘다고 생각했었어요 하지만 요즘 프론트엔드 개발자들 대부분은 콤마를 뒤에다가 선언을 하더라고요. 콤마를 앞이든 뒤이든 돌아가면 상관없긴 하지만, 왜 이렇게 콤마를 뒤에 두는 개발자들이 많이 생겼는지 궁금합니다. const [todos, dispatch] = useImmerReducer(todoReducer, [ { id : 0, text : 'HTML&CSS 공부하기', done : false }, { id : 1, text : '자바스크립트 공부하기', done : false } ]);
감사한 마음으로 강의 잘 듣고 있는 중입니다. Vue3 + Quasar(UI Framework) + Nuxt3 TypeScript vee-validate/valibot 으로 프로젝트를 한 경험이 있는데 react는 조금 어렵게 느껴지네요. 아마도 원리를 알려주신다고 리액트 훅들을 직접 만들어서 그런 것 같지만 좋은 것 같습니다. 제가 드리고자 하는 질문은 React + UI Framework + Next TypeScript 검증 라이브러리 로 유사한 아키덱처로 갈 예정인데 문제가 UI Framework와 검증 라이브러리를 어떤 것을 사용하는 것이 좋을지 몰라서 질문 드립니다. 혹시 추천해주실 UI Framework와 검증 라이브러리가 있나요? 또 한가지는 아무래도 백오피스이므로 데이타 그리드도 중요한데 추천 부탁드립니다. 이전에 사용한 Quasar는 자체 quasar.css를 가지고 있어 웹 접근성이나 sass 작업할 때 너무 힘들었습니다. 질문이 너무 광범위해서 죄송합니다.
useEffect를 통해 setErros를 호출해서 errors 상태를 변경하고 있습니다. 상태를 변경하는 건 부수효과가 아니니까 useEffect에서 상태 업데이트는 잘못된 사용이 아닌가 해서요! 저것 때문에 렌더링이 두 번 되기도 하고, https://react.dev/learn/you-might-not-need-an-effect#updating-state-based-on-props-or-state 이 내용이랑 같은 내용인 것 같아서요!
강사님 안녕하세요 강의 잘 듣고 있습니다. 좋은 강의 감사합니다. 질문이 하나 있습니다. OrderableProductItem 컴포넌트를 따로 만든다는 건 결국 base인 ProductItem 컴포넌트에 주문하기 버튼이 추가된 것인데, 따로 만들거라면 base 컴포넌트인 ProductItem은 진짜 기본적인 상품 정보만 보여주는 컴포넌트로 두고 buton 컴포넌트를 OrderaleComponentItem에서 렌더링 해주면서 order 로직도 여기에 두는 게 좋지 않나? 라는 생각이 들어서요!
안녕하세요 강의를 너무 잘 보고 있습니다. 강의를 보다가 문득 궁금한점이 있는데 프론트엔드 취업을 위해서 어느정도로 알고 있어야 되는지 그리고 어디까지 공부를 하고 회사를 지원을 해야되는지 궁금하더라구요. 뭔가 완벽히 그리고 많이 알야된다는 걱정에 지원을 못하고 계속 공부만 하게 되는거 같은데 조언 부탁드립니다
Tailwind 버전 확인 tailwnd 버전차이 인지요 ? (AI 질문 발췌: text-5xl 은 Tailwind v4에서도 정상적으로 지원되는 클래스입니다.) 스타일이 적용 될 수 있는 설정 방법이 있을까요? 강의내용에 tailwindcss 는 v3.x 이면 v3 버전으로 재 설치를 해야 빠를까요?
vite 명령어로 프로젝트 생성 끝 (확장 프로그램 미설치) -- App.jsx -- 위 화면 같이 붉은 라인이 생기는 이유가 무었인가요? (참고로 vscode 자동생성 기능을 off 로 설정해서 사용중) 갑자기 위와 같은 화면이 나와 전에 생성한 프로젝트를 열어 보왔는데요 멀쩡히 (붉은 색 라인 없음) 잘 나오던 파일이 위와 같은 증상이 똑같이 나오고 있습니다. 코파일럿, 구글링이 알려준 데로 처리 했는데 같은 증상이 나오고 있습니다. 원인이 무엇인지 질문드립니다. (아~ "npm run dev" : 정상 동작합니다.) Plz.... 프로젝트 생성시 TypeSCript로 생성하지 않고 일반 jsscript로 설정했습니다. ts파일 머시지 어쩌구 하는데.. 에공.. <div> 마우스 오버시 위 메지내 내용 화면> ※ vscode 에서 자동 생성을 막으려고 제가 무슨 짓을 했는지... (머 이것 저것 ctrl + shift + p로 ..내용을 찾아 뭔짓을 했는지... (json 파일) 그때 부터인듯 싶습니다. ※ vscode 재설치 : 같은 증상 질문 내용이 vscode에 관한 내용인듯 한데 소스 내용이 아닌 질문이라..죄송합니다. !!! 아무래도 vscode typescript 버전인듯 싶습니다. 근데 전 ctrl + , 를 눌러서 typescript 를 눌러서 검색해 보면 아 놔~~ 구글링에서 설명한 화면이랑 다르네요.. 하~~ 오전 부터 이게 왠 ... 우쒸~~