나는 오늘도 멋있다

React를 통해서 CRUD를 구현했다. (디자인은 신경쓰지않고 기능에만 집중했다...) 클라이언트를 구성하는건 어렵지 않았다. 다만 이렇게하고싶다 라는 생각때문에 조금씩 바뀐다.. 내가 작성한 코드를 처음으로 리뷰해본다. GitHub - JangIkIk/React-TodoList Contribute to JangIkIk/React-TodoList development by creating an account on GitHub. github.com [프로젝트 구조] React-TodoList ├─ .gitignore ├─ README.md ├─ backend │ ├─ .env │ ├─ express.ts │ ├─ package-lock.json │ ├─ package.json │ └─ tsconfig.j..

이제는 모든 설정을 맞췄으니 코드를 작성해야한다. 이미 CRUD를 구현하고 테스트까지 해본상황이다. 글을 쓰면서 다시 만들려고했지만 NextJS로도 만들어봐야해서 리뷰느낌으로 작성할 예정이다. 이글에서는 React(TypeScript)로 진행하였고, API는 Express, DB mysql(phpMyAdmin)을 사용했다. GO GO 저번글에서는 컨테이너를 만들고 phpMyAdmin에 접속까지 했다 이제는 미리짜놓은 코드의 맞춰서 테이블을 만들고 데이터가 들어오는것을 확인하려한다. 1.먼저 왼쪽의 메뉴창에서 새로운 DB만들기를 클릭한다. 2.데이터베이스명 을 입력하고 만들기를 클릭한다. 3.testDB 에 테이블명을 입력하고 컬럼수를 입력한다. 4. 여기서 컬러명을 입력하면 된다. 단! 나는 간단한 To..

[블라블라] 기본적인 CRUD를 적용해서Todo-List를 만들어보려 한다. mysql도 써보지않아서 고생을많이했다.. phpMyAdmin도 마찬가지... 그래도 무사히 끝냈다. 클라이언측은 type때문에 조금 고생하고... 간단하게 짜려고 상태관리를 안쓰니 Props drilling 이 살짝일어났다. 클라이언트는 꾸민게 없으니 반나절이면 했지만 Docker를 이용한 mysql과 phpMyAdmin을 사용하는데 시간이 걸렸다. 먼저 Docker를 설치했다. 누구나 쉽게 설치할수있도록 작성해놓았다. Doker 란? (설치방법) [학습이유] 프론트엔드 취직을 위해 포토폴리오를 만들려고 한다. 그때마다 클라이언트-서버-DB가 필요했다. 간단하게 오픈API, Json-server를 사용할수도 있지만, 나의 프로..

[용어] Image: 컨테이너화된 애플리케이션을 실행하는데 필요한 모든파일, 설정 및 종속성을 포함하는 패키지 Container: Image를 실행시키기 위한 격리된 환경이며 이미지의 인스턴스로도 불린다. [명령어] 1. 이미지 다운로드 docker pull 이미지이름:태그 ex) docker pull mysql:8 2. 로컬시스템에 다운로드된 이미지 조회 docker images 3. 실행되고 있는 Container 조회 docker ps 4. 중지된 Container 을 포함하여 조회 [option] docker ps -a 5. 중지되어 있는 container 실행 docker start 6. 중지되어 있는 container 실행 docker stop 7. 이미지 삭제 docker rmi 8. con..

[학습이유] 프론트엔드 취직을 위해 포토폴리오를 만들려고 한다. 그때마다 클라이언트-서버-DB가 필요했다. 간단하게 오픈API, Json-server를 사용할수도 있지만, 나의 프로젝트에서는 맞지않아 사용하지 않았다. 그래서 express로 API를 만들고 파일단위 DB인 sqlite3를 사용하여 간단한 API와 DB를 만들어서 프로젝트를 진행했다. 이후에 또다른 포토폴리오가 필요했다. 그래서 또 다시 API와 DB가 필요했고, 이번에는 다른 방식으로 접근하기위해서, NextJS 와 Mysql을 사용하고 싶었는데.... 친형의 권유로 Doker를 사용해보는것이 어떻냐는 말을 들어서 학습하려한다. Doker란...? Docker는 컨테이너 가상화 기술을 사용하는 오픈 소스 플랫폼으로, 소프트웨어 어플리케이..