Studyyyyy

update node and next latest version.npm uninstall nextnpm install nextnpm run buildnpm run start

하나의 js 파일에 작성돼있던 코드에서 한 기능을 다른 파일로 분리할 일이 생겼는데,글로벌 스코프에선 사용할 수 없어 스크립트가 실행하지 못하는 부분은 async function injectScripts(scriptContainer, useCacheBuster = false) { const scripts = scriptContainer.querySelectorAll("script"); for (const script of scripts) { await loadScript(script, useCacheBuster); }} 이렇게 util.js에 스크립트를 적용시킬 수 있는 함수를 만들어 적용시키는걸로 해결했다. 문제는 index.js라는 파일에서 index_sub.js라는 파일..

https://sirong.tistory.com/38

https://zinee-world.tistory.com/468 [CSS] 'fi' letter-spacing ligature(합자) 이슈letter-spacing 을 쓰다가 이상한 글자를 발견했다. fi 가 떨어지지 않고 계속 붙어있는 것이다. Sketch에서도 이와 같은 이슈가 있었다는 걸 알았는데, CSS에서도 동일한 현상이 발견되었다. 근본적인zinee-world.tistory.com  https://blog.jeongtae.com/rem-%EA%B3%A0%EC%B0%B0:root { /* 루트 요소 폰트 사이즈, 상댓값 */ /* 전체 레이아웃의 크기를 150%로 키우기 */ font-size: 150%;}.box { /* 결과 → 16px × 150% × 2.5 = 60px */ ma..

https://jforj.tistory.com/196

Ctrl + Shipt + P 에서 Open User Setting(Json) 을 찾아서 연다. 위에서 연 설정 파일을 수정한다.{ ... "files.associations": { ... "*.css": "tailwindcss" }, "editor.quickSuggestions": { "strings": true } ...}

https://velog.io/@jinsunkimdev/%EB%A6%AC%EC%95%A1%ED%8A%B8%EC%97%90%EC%84%9C-tailwindcss-styled-components-%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0 리액트에서 tailwindcss + styled-components 사용하기🤔 Tailwindcss? 최근 리액트에 테일윈드를 사용하고 있다. tailwindcss의 장점은 기존의 css가 HTML태그의 classname을 정하고, css파일에서 따로 작성을 해줘야하는 반면에, classname을 정할 필요가 없이 태velog.io https://velog.io/@posinity/%EC%9E%90%EC%A3%BC-%EC%93%B0%EB%8A%94-t..

리액트의 특징에 대한 설명을 ppt로 하기 전에 간단하게 정리해둔 글 1. class 대신 className을 사용2. 패키지 설치 : npm install 패키지이름3. ui 작성시  html사용 x -> jsx를 사용4. 컴포넌트 기반 => 재사용이 가능한 컴포넌트로 분리 => 컴포넌트는 무조건 하나의 태그로 감싸줘야함 5. 상태관리 => useState를 사용, Redux를 사용하여 좀더 효과적인 상태관리 가능. (props의 전달 용이) => const [number, setNumber] = useState(기본값)const increaseFunc = () => {     setNumber(number + 1)}+ 6. 이벤트 처리 : 일반적으로 컴포넌트에 직접 이벤트 핸들러 추가=> useEff..