컴포넌트에서 삼항 연산자를 이용하여 JSX 를 반환할 때 궁금한 점

이 오류는 JSX와 삼항 연산자, Fragment를 사용할 때의 규칙과 관련이 있습니다.JSX에서 삼항 연산자를 사용할 때는 반드시 양쪽 모두 유효한 JSX 표현식이어야 합니다link ? (...) : null에서 괄호 없이 직접 반환하려고 할 때 TypeScript/JSX 파서가 혼란을 겪을 수 있습니다.function LinkIconBtn({ link }) { return link ? ( ) : null; } function LinkIconBtn({ link }) { if (!link) return null; return ( ); }Fragment(...)를 사용할 때는 내부에서 조건부 렌더링을 할 경우, 전체 표현식이 명확한 JSX 구조를 가져야 합니다.추가 팁 >,target="_blank"를 사용할 때는 보안을 위해 rel="noopener noreferrer"도 함께 추가하는 것이 좋습니다:

혹시 깃 주소를 좀 알수 있을까요???

안녕하세요 🙂 강의교안 &소스코드 회차를 보시면 확인 할 수 있어요 👍https://inf.run/usWvg (클릭!)

emit event전달 문제

안녕하세요 🙂 해당 원인을 정확히 확인하기 위해서는 소스코드를 확인해야 할 것 같아서요~!우선 자식 컴포넌트에서 부모 컴포넌트로 이벤트를 전파 할 때는 camelCase를 사용하고, 부모에서 이벤트를 받을 때는 kebab-case를 사용해도 이벤트를 받을 수 있습니다.Vue.js 공식 문서의 해당 내용을 쉽게 설명해드리겠습니다: 관련 링크(사진)"컴포넌트나 props처럼, 이벤트 이름도 자동으로 대소문자 변환을 제공합니다. 우리가 카멜케이스(camelCase)로 이벤트를 발생시켜도, 부모 컴포넌트에서는 케밥-케이스(kebab-case)로 된 리스너를 사용해 이벤트를 받을 수 있습니다. props의 명명규칙과 마찬가지로, 템플릿에서는 케밥-케이스로 된 이벤트 리스너를 사용하는 것을 추천합니다."더 쉽게 풀어서 설명드리면:자식 컴포넌트에서 createPost라고 카멜케이스로 이벤트를 보내도부모 컴포넌트에서 create-post라고 케밥-케이스로 받을 수 있다는 뜻입니다Vue가 자동으로 이 변환을 처리해주기 때문입니다관련 코드를 보여주시거나 깃헙 주소를 남겨주시면 확인 후 회신드릴게요~!

[수정] 린캔버스 수정1만 자막 없습니다.

안녕하세요 🙂 자막기능은 인프런 플랫폼에서 제공하는 기능이어서요 🥲인프런 사이트 우측 하단에 "문의하기" 버튼을 통해 문의해 보시겠어요?직접 도움을 드리지 못하는 점 양해 부탁드립니다 🙇‍♂ 🙏

npm i vite 설치 시 이러한 오류가 뜨는데

NodeJS 버전이슈인 것 같은데요 아래 영상을 참고해서 버전을 낮춰 보시겠어요?nvm 으로 nodejs 버전 제대로 관리하기영상라이브러리 이슈 관련 영상위 두 개의 영상을 보시면 Node.js 버전을 제대로 관리하고 강의때 발생하는 다양한 이슈를 해결하는 데 도움이 되실거예요~!그래도 해결이 안된다면 답글 남겨주시면 다시 확인해볼게요~! 💪

eslint를 추가하였지만 동작을 안합니다.

안녕하세요 🙂 VSCode 에서 Lint 오류를 표시하기 위해서는 ESLint 플러그인 설치해야 하는데요 설치하셨을까요?그리고 eslint.config.js 는 ESLint 가 버전업이 되면서 (v8 -> v9) 변경된 사항이에요~! 잘못된건 아닙니다~!버전관련 참고영상

빈 화면에서 tail 만 쳤을때 팝업도움말 나오게 하는 법 알려주세요.

안녕하세요 🙂 해당 자동완성은 별도로 VSCode를 사용해서 만든 Snippets 입니다.VSCode Snippets 만들기 회차를 보셨을까요?

tailwind.config.js 파일을 통해 다크 모드 설정시 적용이 되지 않습니다.

CDN으로 tailwind 를 설치했을 경우에는 tailwind.config 설정을 해당 파일 안에 하셔야돼요~!tailwind.config.js 파일은 tailwind intellisense를 위한 파일입니다.tailwind intellisense 설치 회차Dark Mode 설정 회차를 한번 더 보시는 것을 권장드립니다.

수강평 이벤트

안녕하세요 🙂 날짜:2024. 12. 2. 오전 11:52hhi9037@naver.com이벤트 폼에 입력하신 해당 메일로 보내드렸는데 못받으셨을까요?

개발 서버가 실행 안 되는 문제

안녕하세요 🙂 라이브러리 버전 충돌 이슈로 보여요.관련해서 구글링을 보니 비슷한 사례가 있어 안내드립니다. (참고링크)fsevents의 버전 충돌이 주된 원인같아요. fsevents 1.x 버전과 2.x 버전이 동시에 설치될 때 발생하는 문제인 거 같은데요. 특히 다른 패키지들이 fsevents@1 버전을 의존성으로 가지고 있을 때 오류가 발생할 수 있어요.해결 방법을 우선순위대로 알려드릴게요:1. 가장 간단한 해결책:// vite.config.js export default defineConfig({ plugins: [react()], server: { watch: { usePolling: true, interval: 100 } } })이렇게 하면 fsevents를 사용하지 않고 폴링 방식으로 전환됩니다.2. 패키지 매니저 레벨에서 해결하고 싶다면:# package.json에 다음 내용 추가 { "overrides": { "fsevents": "^2.3.3" } }그리고 나서:npm install3. 마지막 방법으로는:# node_modules 삭제 rm -rf node_modules # 깨끗하게 다시 설치 npm install --no-optional팀원 분들과 개발하는 환경에서는 첫 번째 방법(vite.config.js 수정)을 추천드립니다. 왜냐하면:설정 파일로 관리되어 팀원들과 공유하기 쉬워요~!패키지 재설치가 필요 없어요~!버전 충돌 문제를 우회할 수 있어요~!참고 하시고용 그래도 해결이 안된다면 다시한번 찾아볼게요~! 💪 🙂