<img> 태그에 src를 설정해주는 방법에는 여러 가지가 있다.public 안에 이미지를 넣고 import를 해주는 방법도 있고, public 안에 이미지를 넣고 src에 경로를 넣는 방법도 있다. 또, src 안에 이미지를 넣고 src=require('경로')

Error: Run autofix to sort these imports!이 두 글을 참고해서 해결했다!VSCode로 React 프로젝트를 하는 분들에게 유용할 거 같다!https://github.com/lydell/eslint-plugin-simple-imp

eslint error 중에 Expected property shorthand.를 발견했다.이 error는 ES6 문법에서 기인하는데 ES6에서는 key, value가 일치하면 key만 적는 문법이 존재한다. 그래서대신이런 형식으로 적어주면 된다.

yarn run dev에서 확인 후 build해서 확인하려고 했는데eslint Error들이 막 뜨면서 이렇게 문구가 떴다.Could not find a valid build in the '.next' directory! Try building your app with

문제 상황 해결 방법

develop branch에 코드를 아무리 올려도 언어가 뜨지 않았다..!https://doing7.tistory.com/54

문제 발생 동아리 부원 모집 활성화 / 비활성화를 toggle button을 통해서 편하게 조정할 수 있도록 만들고 싶었다. 우선 동아리 모집이 활성화 되어있는 상태를 받아와서 true / false에 따라 다른 값을 렌더링 시켜야 한다. 그래서 if 문을 통해 해

항상 input 태그를 써온 것 같이이런 식으로 작성해줬는데 input 필드에 hover 되면 cursor만 text로 바뀌고 focus도 입력도 되지 않는 상황이 발생했다.꼭 해결을 해야하는 상황이었기 때문에 열심히 구글링을 했다.Z-index 변경. div와 inp

React Native 프로젝트를 vscode로 열었는데 갑자기 App.tsx에 있는 View에서이걸 뿜어내서 너무 당황했다.https://stackoverflow.com/questions/71831601/ts2786-component-cannot-be-use

https://dev.to/dimaportenko/expo-typescript-eslint-prettier-initial-setup-54d3https://zaferayan.medium.com/how-to-configure-eslint-and-prett

npm run dev를 하고 http://localhost:3000 에 접속한다. CSS를 수정하고 싶은 부분이 생겨서 수정하고 새로고침을 했는데 CSS가 엉망진창으로 나온다 !Next.js는 서버사이드랜더링(SSR) 프레임워크이기에 새로고침 시 style이

Splash 화면에서 background에 linear-gradient를 적용할 일이 생겼다.이런 식으로 component를 제작했는데 linear-gradient를 알아듣지 못해서 build가 계속 실패했다.알고보니 expo에는라는 라이브러리가 존재했다.그래서를 통해

Expo를 이용node.js, npm(or yarn), expo-cli까지 잘 설치하고 expo start 후 QR코드를 찍었는데 앱 실행이 안되는 경우가 있다.이 때는 2가지를 확인해보는 것이 좋다.expo login이 되어있는가?개발하는 컴퓨터와 앱을 실행하는 모바

expo, yarn, typescript 사용styled-components를 설치하고 앱을 build했을 때 계속 The development server returned response error code: 500가 있는 빨간 화면이 떴다.해결 방법은 다음과 같았다