소개
프론트 개발자로 네카라쿠배 중 하나의 IT서비스 기업에 재직하고 있습니다. 😀
🚀 SW마에스트로 Expert 취업 멘토링
🚀 Naver Boostcamp BE 멘토 경험
🚀 FE 7Code 로드맵 강의 제작
강의
전체3수강평
게시글
질문&답변
2024.04.26
컴포넌트 만들때에는 jsx를 사용하는 이유?
좋은 질문 남겨주셨군요.! 1.jsx 사용한 이유는 View 만 담당하는 컴포넌트는 수정이 잦을 수 있기 때문에, 향후 유지보수를 위해 JS로 작성했습니다. tsx로 작성하는게 시간은 많이 들고 실수는 적어집니다. ( 생산성 vs 안정성 무엇이 중요한지에 따라 결정해주세요. ) *실무에서 수십, 수백개의 컴포넌트를 만드실텐데 모두 TS로 작성하고 타입이 꼬이는것을 상상해보세요. *하지만 그럼에도 충분히 개발 시간이 있고, 0.05%의 실수도 용납이 안된다면 Type으로 꽉잡는게 좋죠. React.FC 사용해주셔도 무관합니다. 가장 큰 이유중 하나가 children 입니다. 근데 리액트 18 업데이트로, FC의 암시적인 children이 삭제되었습니다. 해당 변경 사항은 https://github.com/DefinitelyTyped/DefinitelyTyped/pull/56210 에서 확인할 수 있습니다. + 실수로 올바르지 않은 타입을 컴포넌트 인자로 넘기는것을 잘 막았다면 큰틀에서 문제없다고 생각합니다.
- 0
- 1
- 39
질문&답변
2024.04.21
Hot reload 오류 문의 드립니다.
해결방법 1. 버전 낮추기 최신버전에서는 종종 이슈들이 나올 수 있습니다. npx create-next-app@latest 으로 설치하는 것 대신 npx create-next-app@14.1.0 으로 해주시면 오류가 해결될 수 있습니다. 해결방법 2. 커뮤니티에서 이슈해결한 방법 따라하기 https://github.com/vercel/next.js/discussions/60185#discussioncomment-8979577 그리고 이제 작동합니다 🤷♂ . 또한 여기에 있는 다른 사람들이 제안한 대로 .next 폴더를 삭제하고 작동하지 않는 vs-code를 다시 시작했습니다. 처음에는 작동하지만 다시 컴파일하는 동안 파일을 변경하면 내부 서버 오류가 발생합니다. 그래서 나는 다음 13번에서 next.config.js 파일에 대한 변경 사항을 주석 처리하기 시작하고 다음 14번에서 image.domains 코드를 image.remotePatterns로 업데이트하기로 결정했습니다. 또한 swcMinify: true를 제거하는 동안 어떤 이유로든 작동하게 되었습니다. 이것이 도움이 되기를 바랍니다. 어느 시점에서 이것이 작동하지 않으면 반드시 다시 보고하겠습니다. https://github.com/vercel/next.js/discussions/60185 위 링크를 참고해주세요.
- 0
- 2
- 85
질문&답변
2024.04.17
멀티 선택 단축키
맥북 기준 : 옵션 + 쉬프트 누르고 드래그하시면 됩니다. ~ ( 윈도우 : 마우스로 선택하기 Shift + Alt + 마우스 드래그 ) 참고 : https://tttap.tistory.com/185
- 0
- 1
- 62
질문&답변
2024.04.11
강의 ppt를 받아볼 수 있을까요?
강의 PPT는 "소개 - 3번째" 강의에 첨부파일로 있습니다. 감사합니다.!
- 0
- 1
- 62
질문&답변
2024.04.05
웹사이트에서 바로 한글로 번역되는거 어떤 프로그램쓰시는건가요?
https://chrome.google.com/webstore/detail/google-translate/aapbdbdomjkkjkaonfhkkikfgjllcleb?hl=ko 요겁니다.
- 0
- 1
- 108