Front-end 77

[노마드코더] #2 Hello Flutter

Installation Flutter 설치 = SDK 설치 (공통) + 시뮬레이터 설치 (목적에 따라 다양) 공식문서에 나오는 방법보다 chocolatey 패키지 매니저를 사용하면 더 편리함 chocolatery 설치 후 관리자 권한 powershell에 choco install flutter 입력 Windows의 경우 Android / Windows / Web 시뮬레이터 설치 가능 chocolatery 설치 (Windows 기준 / for Individual)🔽 Installing Chocolatey Chocolatey is software management automation for Windows that wraps installers, executables, zips, and scripts int..

Front-end/Flutter 2023.01.16

[노마드코더] #1 Introduction

Why Flutter Dart 언어와 Flutter 프레임워크 학습만으로 원하는 어떤 플랫폼이든 손쉽게 배포 가능 처음에는 Android와 iOS 정도만 지원하다가 웹 및 다양한 운영체제 대응 + IoT까지 확장 Flutter(+ Dart) / Firebase / Android / Chrome 모두 구글에 소속되어 서로 시너지 효과 Flutter를 사용하는 거대 브랜드나 기업들🔽 Showcase - Flutter apps in production The world’s biggest businesses are building with Flutter. View the showcase and see Flutter apps in production. flutter.dev Flutter로 3D 게임 개발까지 가능..

Front-end/Flutter 2023.01.15

[TIL] 카카오 소셜 로그인 구현하기

카카오 소셜 로그인은 구현이 어렵지 않고 친숙한 소셜 로그인 중 하나이다. 최근 자체 회원가입 없이 소셜 로그인 만을 제공하는 서비스가 늘어나고 있으며 사용자 입장에서도 부담 없이 서비스를 이용할 수 있어 간단한 서비스는 대부분 소셜 로그인을 채택하는 추세이다 그 중에서도 가장 보편적인 React + REST API 환경에서 로컬스토리지와 JWT 토큰을 활용해 카카오 소셜 로그인을 구현한 경험을 블로그에 남겨보도록 하겠다 우선 kakao developers 사이트에서 몇 가지 설정을 해준 후 클라이언트단에서 인가 코드를 추출해 서버로 전달해줘야 한다. 해당 과정까지의 설명은 카카오 공식 문서와 아래 글에 상세하게 정리되어 있다 [React] 카카오 로그인 구현하기 - REST API🔽 [React] 카카..

Front-end/React 2022.11.29

[TIL] Vite 환경에서 SVG 컴포넌트로 사용하기

Vite 환경에서 바로 SVG 파일을 ReactComponent로 사용하려 한다면 오류가 발생할 것이다 vite-plugin-svgr 패키지를 사용하면 된다🔽 vite-plugin-svgr Vite plugin to transform SVGs into React components. Latest version: 2.2.1, last published: 3 months ago. Start using vite-plugin-svgr in your project by running `npm i vite-plugin-svgr`. There are 35 other projects in the npm registry using vite-plugin-sv www.npmjs.com 터미널로 패키지를 설치해주자 yarn ..

Front-end/React 2022.10.11

[wanted] #0 CSR / SSR with Next.js 사전 과제

1. CSR(Client-side Rendering)이란 무엇이며, 그것의 장단점에 대하여 설명해주세요. SPA(Single Page Application)란 하나의 HTML 파일을 기반으로 자바스크립트를 이용해 동적으로 화면의 컨텐츠를 바꾸는 방식의 웹 어플리케이션이며, MPA(Multiple Page Application)란 사용자가 페이지를 요청할 때마다 웹 서버가 요청한 UI와 필요한 데이터를 HTML로 파싱해서 보여주는 방식의 웹 어플리케이션이다 CSR(Client-side Rendering)이란 브라우저가 서버에 HTML과 JS 파일을 요청하고 최초 로딩 이후, 사용자의 상호작용에 따라 JS를 이용해 화면을 동적으로 그리는 방식이며, SSR(Server-side Rendering)이란 브라우저..

Front-end/Next.js 2022.09.28