우주개발자 블로그

프로그래밍 언어/웹 프론트엔드 (28)

React와 Strapi 연동 - React, Strapi v4, MySQL을 이용한 Todolist 만들기

프로그래밍 언어/웹 프론트엔드 우주개발자(SpaceDev) 2022. 5. 6. 16:59

React, Strapi v4, MySQL을 이용한 Todolist 만들기 시리즈 2022.05.05 - [프로그래밍 언어/웹 프론트엔드] - 프로젝트 설정 및 Strapi사용하기 - React, Strapi v4, MySQL을 이용한 메모앱 만들기 2022.05.06 - [프로그래밍 언어/웹 프론트엔드] - React와 Strapi 연동 - React, Strapi v4, MySQL을 이용한 Todolist 만들기 2022.05.07 - [프로그래밍 언어/웹 프론트엔드] - Strapi란? - React, Strapi v4, MySQL을 이용한 Todolist 만들기 React 프로젝트에서 TodoList 프로젝트 뼈대 만들기 아래 코드를 일일히 쳐가며 만들어 가는것을 추천 드리지만, 귀찮은 작업이다 ..

프로젝트 설정 및 Strapi사용하기 - React, Strapi v4, MySQL을 이용한 메모앱 만들기

프로그래밍 언어/웹 프론트엔드 우주개발자(SpaceDev) 2022. 5. 5. 22:57

React, Strapi v4, MySQL을 이용한 Todolist 만들기 시리즈 2022.05.05 - [프로그래밍 언어/웹 프론트엔드] - 프로젝트 설정 및 Strapi사용하기 - React, Strapi v4, MySQL을 이용한 메모앱 만들기 2022.05.06 - [프로그래밍 언어/웹 프론트엔드] - React와 Strapi 연동 - React, Strapi v4, MySQL을 이용한 Todolist 만들기 2022.05.07 - [프로그래밍 언어/웹 프론트엔드] - Strapi란? - React, Strapi v4, MySQL을 이용한 Todolist 만들기 여는글 최근, Strapi라는 Headless CMS 툴을 알게 되었습니다. 저는 보통 뱌텀 업(Bottom-Up) 방식의 글을 좋아하지..

PWA 시작하기 - Next.js 프로젝트로 PWA 만들기

프로그래밍 언어/웹 프론트엔드 우주개발자(SpaceDev) 2022. 4. 27. 18:25

이 글은 기본적으로 Next.js를 알고 계신 분들이 보기 좋은 글입니다. 하지만 모르시는 분들도 이해하실 수 있도록 작성하였습니다. 1. 프로젝트 생성 # 자바스크립트로 생성 npx create-next-app@latest # 타입스크립트로 생성 npx create-next-app@latest --ts 2. 패키지 설치 먼저 Next.js에서 PWA를 적용하기 위해서는 next-pwa라는 패키지를 추가해 주어야 합니다. 따라서 아래 코드를 입력해 패키지를 설치해 줍니다. # npm npm install next-pwa # yarn yarn add next-pwa 또한 부가적으로 next-compose-plugin을 설치해 줍니다. (이 플러그인 을 설치하는 이유는 밑에 설명 드립니다.) # npm np..

자바스크립트의 객체 참조할당과 얕은복사, 깊은복사

프로그래밍 언어/웹 프론트엔드 우주개발자(SpaceDev) 2020. 12. 14. 03:06

함께 보면 좋은글 2020/09/02 - [프로그래밍 언어/Javascript] - 자바스크립트의 메모리 관리 2020/10/06 - [프로그래밍 언어/Javascript] - 자바스크립트의 기본형 데이터 타입 2020/12/14 - [프로그래밍 언어/Javascript] - 자바스크립트의 참조형 데이터 타입 이전에 저희는 참조형 데이터에 대해서 알아보았습니다. 사실 참조형 데이터는 공부하면 공부할수록 많은 공부가 필요한 부분입니다. 그중에서도 저희는 오늘 참조할당과 얕은복사, 깊은복사에 대해서 알아보도록 하겠습니다. 이 포스트는 이전 포스트인 자바스크립트의 참조형 데이터 타입의 기초적인 지식이 필요한 포스트이므로, 만약 안보고 오셨다면 보고 오시길 추천드립니다. 자바스크립트의 참조형 데이터 타입 함께 ..

자바스크립트의 참조형 데이터 타입

프로그래밍 언어/웹 프론트엔드 우주개발자(SpaceDev) 2020. 12. 14. 02:36

함께 보면 좋은글 2020/10/06 - [프로그래밍 언어/Javascript] - 자바스크립트의 기본형 데이터 타입 2020/09/02 - [프로그래밍 언어/Javascript] - 자바스크립트의 메모리 관리 이전에는 기본형 데이터 타입에 대해서 알아보았습니다. 오늘은 자바스크립트가 참조형 데이터를 어떻게 저장하고 사용하는지에 대해서 알아보도록 겠습니다. 만약 이전 포스팅인 자바스크립트의 기본형 데이터 타입 포스트를 읽고 오시지 않으셨다면 읽고 오시는것을 추천합니다. 자바스크립트의 데이터 타입 (1) 함께 보면 좋은 글 2020/09/02 - [프로그래밍 언어/Javascript] - 자바스크립트의 메모리 관리 2020/07/05 - [프로그래밍 언어/Javascript] - 자바스크립트 호이스팅(Ho..

자바스크립트의 기본형 데이터 타입

프로그래밍 언어/웹 프론트엔드 우주개발자(SpaceDev) 2020. 10. 6. 01:06

함께 보면 좋은 글 2020/09/02 - [프로그래밍 언어/Javascript] - 자바스크립트의 메모리 관리 2020/07/05 - [프로그래밍 언어/Javascript] - 자바스크립트 호이스팅(Hoisting)이란? 여러분들은 자바스크립트에 타입이 존재한다는 것을 아시고 계신가요? 사실 C나 자바 같은 언어들과는 다르게 자바스크립트는 타입을 사용자가 선언하지 않습니다. 하지만 그럼에도 불구하고 변수에 데이터는 정상적으로 들어가고, 에러 또한 발생하지 않습니다. 이상합니다. 분명 C나 자바같은 언어에선 이런 것에 대해서 에러를 발생시키는데 자바스크립트는 그러지 않습니다. 그렇습니다. 오늘은 자바스크립트가 데이터 타입을 지정하는 방법에 대해서 알아보도록 하겠습니다. (자바스크립트의 메모리 관리 포스트..

Copyright © 우주개발자 블로그 All Rights Reserved

티스토리툴바