우주개발자 블로그

프로그래밍 언어 (38)

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..

PWA(Progressive Web App) 너 대체 뭐니?

프로그래밍 언어 우주개발자(SpaceDev) 2022. 3. 22. 22:38

PWA라는 용어를 들어보신적 있으신가요? 웹 프론트엔드 개발 직군에 있으신 분들이라면 한번씩 들어봤을 이 용어 PWA! 오늘은 이 PWA가 무엇인지, 그리고 어떻게 사용할 수 있는지에 대해서 한번 알아보도록 하겠습니다. PWA 란? PWA는 프로그레시브 웹 앱(progressive web app)의 준말로, 웹 기술(HTML, CSS, Javascript)을 가지고 모바일 네이티브 앱과 비슷하게 만들 수 있는 기술입니다. 사실 모바일 웹만으로는 네이티브의 다양한 기능들과 성능을 제공하기가 참 힘듭니다. 그렇다고 네이티브 앱을 만들기에는 시간과 개발비가 많이들고 다운로드를 위해 플레이스토어를 통해야 하므로 접근성도 떨어지게 됩니다. 하지만 PWA는 네이티브의 몇몇 기능을 구현할 수 있고 개발시간도 단축할 ..

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

프로그래밍 언어/웹 프론트엔드 우주개발자(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..

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

티스토리툴바