전체 글

    "editor.defaultFormatter": "esbenp.prettier-vscode", value is not accepted

    File > Preferences > Settings > Default Formatter 리스트에 esbenp.prettier-vscode 가 안 뜨면 prettier를 uninstall후 다시 install하면 된다....

    Tailwind 설정 방법 참고 링크

    https://blog.rhostem.com/posts/2021-06-05-tailwind-css blog.rhostem.com 프론트엔드 웹 개발 기술 블로그 blog.rhostem.com -o, -w 같은 명령어가 무엇을 뜻하는지 궁금한데 잘 안 나온다. 얘네들은 뭐라고 부르는 걸까?

    postmessage the target origin provided does not match the recipient window's origin

    postmessage the target origin provided does not match the recipient window's origin 개발자도구에서 이런 에러메시지가 나온다면 두 url을 잘 들여다보자. 한 쪽에는 www.가 붙어 있고 한 쪽에는 없는 경우라면 그게 문제다. 사용자가 www.address.com 으로 들어온 경우와 address.com 으로 들어온 경우. 나는 nice module을 붙인 부분에서 이런 문제가 발생했다. 갔다 오면서 뭐가 안 맞은 모양. 변수 설정을 케이스를 나눠 해줘도 먹히지 않아, 리다이렉션 처리를 해줘야 했다. apache 서버 설정을 바꿔주는 방법 링크를 첨부해 둔다. 나중에 같은 일이 생기면 직접 해야 할수도 있으니까.. 카테고리 없음으로 하려다가..

    [React] onClick props에 함수형 변수의 () 유무 차이

    function ExpenseItem(props) { const clickHandler = () => { console.log('click!'); }; return ( Change Title ); } export default ExpenseItem; button의 onClick에 들어간 clickHandler에 괄호를 함께 입력하여 clickHandler()로 들어가면 JSX를 최초에 읽어올 때 실행하게 된다. 하지만 ()를 삽입하지 않고 const명만 clickHandler로 입력해두면 JSX를 읽어온 뒤 클릭하면 clickHandler 함수를 실행하게 된다.

    [React] useEffect 완벽 가이드

    https://overreacted.io/ko/a-complete-guide-to-useeffect/ useEffect 완벽 가이드 이펙트는 데이터 흐름의 한 부분입니다. overreacted.io 읽어보려고 스크랩