인공지능 개발일지

안녕하세요. 이번 시간에는 cocurrently를 이용해서 원하는 명령을 두 개 동시에 실행하는 방법에 대해 알아보겠습니다. 요즘에 블로그 업로드가 굉장히 뜸했는데 요즘 연구실에서 데이터 분석 프로젝트하다 보니 방학이 다 가버려서 좀 억울한 감이 없지 않아 있습니다. 그래도 뭐 열심히 해야죠. 이제 미뤄왔던 블로그도 다시 활성화시킬 예정입니다:) # 개념 기본적으로 concurrently는 cli 명령을 동시에 시켜주는 아이지만 이번시간에는 node.js와 react로 웹페이지를 구축할 때 이 두 서버를 동시에 열어주는 concurrently에 대해 알아보겠습니다. 보통은 각각 따로 서버를 열어주고 진행하지만 이걸 쓰면 지정한 명령어로 한 번에 실행이 가능합니다. # 방법 방법도 간단합니다. 서버와 클라..

이제 리액트 문법은 거의 익숙해 졌는데 초기 설치할 때 이런 에러가 뜰 때가 많다. 보통 지웠다 다시 설치하면 실행되지만 1. npm uninstall -g create-react-app 2. npx create-react-app [폴더명] 그래도 안 되면 아래와 같이 삭제하고 패키지를 다시 추가해준 다음에 실행해주면 된다. npm uninstall -g create-react-app npm add create-react-app 다시 npx create-react-app myapp

안녕하세요. 이번 시간에는 리액트의 폴더구조에 대해 알아봅시다. 최근 리액트를 공부할 일이 생겨하다 보니 이해가 되어서 이해한 내용을 정리해서 올릴 예정입니다:) 우선 리액트의 폴더 구조를 이해하기 위해서는 HTML DOM 객체와 SPA에 대한 이해가 필요합니다. HTML DOM (Document Object Model)이란? HTML이란 공식 문서로는 W3C의 표준으로 XML, HTML 문서의 각 항목을 계층으로 표현하여 생성, 변형, 삭제할 수 있도록 돕는 인터페이스라고 한다. 그러나 간단하게 이해하는 HTML DOM은 태그를 제어하는 인터페이스라고 보면 편하다. 즉 HTML 태그가 출력된 모양이나 콘텐츠를 제어하기 위해 HTML 태그 당 하나의 DOM 객체가 생성되고 이는 DOM 노드 또는 DOM ..

안녕하세요. 이번 시간에는 리액트의 개발환경 구축에 대해 알아봅시다. 제가 작년에 처음 리액트를 공부하면서 쓴 맛을 되게 많이 봐서 좀 pstd가 있긴 한데 그래도 해야 할 일이 생겨서 배우는 중인데 제가 처음 배울 때 놓치고 있던 몇몇 포인트에 집중하며 배우다 보니 그렇게 어렵지만은 않게 느껴지는구먼요. 제가 제일 중요하게 생각하는 전체 동작 구조에 대한 이해입니다. 단순히 한 에러에서 해결 후 다음 에러를 해결하는 것도 좋지만 특히 웹 개발에 경우에서 그렇게 하면 돌고 돌아 원점으로 돌아와 에러가 해결되지 않는 경우가 많습니다. 그럴 때 생각해야 하는 것은 왜 이 에러가 발생했는가입니다. 그 과정에서 놓치고 있는 것이 없는지 체크해보는 게 좋을 것 같습니다. 사담이 길었네요. 바로 들어가 봅시다! 1..