본문 바로가기

전체 글39

[ESP8266EX / ESP-12S] espressif 개발환경 구축 & RTOS SDK 설치하기 / window10 ESP사의 와이파이모듈인 ESP-12s 에 sdk 설치 및 개발환경 구축하는 법을 알아본다 uart연결은 Prolific USB-to-Serial TTL( PL-2303HX ) https://github.com/espressif/ESP8266_RTOS_SDK GitHub - espressif/ESP8266_RTOS_SDK: Latest ESP8266 SDK based on FreeRTOS, esp-idf style. Latest ESP8266 SDK based on FreeRTOS, esp-idf style. - GitHub - espressif/ESP8266_RTOS_SDK: Latest ESP8266 SDK based on FreeRTOS, esp-idf style. github.com 공식홈페이지를.. 2021. 12. 13.
XMind 실행 오류 (프로그램 실행 시 관리자 권한 부여하기) XMind를 받아서 실행하니까 이런 오류가 떴다. 인터넷 몇 군데를 찾아봤을 땐, 속성에서 대상에 -configure 머시기를 입력하면 된다했는데, 난 그걸로 안되는 거 같아서 그냥 관리자 권한을 줘버렸다. Xmind가 C드라이브 안에 파일을 write 하고 싶은데 권한이 없어서 생기는 오류로 보였음 아래와 같이 하고나니 잘 작동한다 2021. 10. 5.
[ReactJs] input태그, 글자 입력 입력받을 값을 state 변수로 생성 (name) 여기선 useState 훅을 사용하였다. const Default = () => { const [name, setName] = useState(''); const handleChange = (event) => { setName(event.target.value); }; const handleSubmit = (event) => { setName(event.target.value); alert('A name was submitted: ' + name); event.preventDefault(); }; return ( name: {/* */} ); }; export default Default; 간단한 input 태그 완성@ 2021. 7. 27.
[ReactJs] import 경로 설정을 절대경로로 설정하기 import를 하다보면 파일마다 위치도 다른데, 일일이 생각해서 경로 지정하기가 귀찮은 경우 없으셨나요? import SideBar from "../Components/SideBar"; import NavBar from "../Components/NavBar"; import Dashboard from "../Routes/Dashboard"; import Report from "../Routes/Report"; import Setting from "../Routes/Setting"; import AdminPage from "../Routes/AdminPage"; 이런식으로 되어있는 못생긴 코드들 어떤 파일에선 ../로 시작하고 어떤파일에선 ../../ 로 해야하는 등, 폴더 생성 규칙을 엄격하게 만들고 신.. 2021. 7. 9.
[ReactJs] 리액트에서 로컬이미지 첨부 에러 src 경로 설정을 뭔짓을 해봐도 이미지가 안불러와 지더라, 실제 index.html이 public폴더에 있으니, public 폴더에 이미지를 넣어야 되는건가.... 했는데, 검색해서 해결책 찾아냄 import 를 사용해야한다. 이렇게 사용하면 잘 나옴!! 출처 https://stackoverflow.com/questions/39999367/how-do-i-reference-a-local-image-in-react 2021. 7. 9.
vscode-styled-components 주석처리처럼 보이는 것 해결 styled-components 는 내가 사용해본 리액트 스타일링 방법 중 가장 편한 듯 하다. 처음 사용해보는데, 강의를 보고 따라하던 중, 코드가 알록달록하게 안보이는 증상이.... 근데 또 작동은한다. 찾아보니, vs code extension 을 설치해주면 바로 해결!! vscode-styled-components 를 설치해주면, 별다른 설정없이 이제 이쁘게 잘 보인다!! 속이 시원하다~ 2021. 7. 8.