• 

  App과 Redux 구성하기 리엑트 리덕스 전반적인 셋팅을 해준다. 내가 정한 폴더구조는 아래와 같다.전 셋팅에서 바뀐점은 Thunk를 삭제하고 Saga로만 돌리기로 하였다 정도?!두개를 같이 쓰는 이유가 없었다... 둘다 비동기로직 처리하기위해 쓰는 것이고 대형 프로젝트에서는 Saga를 사용해서 모든것을 확인하는 것 이 더 좋다는 이유이다. 댓글 0 2024.04.29

• 

  React + PWA project 1 npx create-react-app pwa-react --template cra-template-pwa 명령어를 사용하면 Progressive Web App (PWA) 기능이 포함된 React 프로젝트를 초기 설정할 수 있다. 이 템플릿은 기본적인 PWA 설정을 자동으로 구성해준다. 이것은 서비스 워커 설정과 웹 매니페스트를 포함하므로, 별도로 설정을 추가하거나 수정하는 과정을 최소화할 수 있다. 지금부터, Kali Magazine의 기본 모델을 카피하여 PWA작업을 진행하려고 한다. Kali Magazine Frontend 구성은 다음과 같다. Redux: 상태 관리 라이브러리. Redux Persist: 클라이언트 측에서 애플리케이션의 상태를 지속적으로 유지시키기 위해 사용. Redux Saga: .. 댓글 0 2024.04.20

• 

  [기초] 타입스크립트 1장 (Call Signature, Overloading, Polymorphsm...) 타입스크립트 코드 테스트 https://www.typescriptlang.org/play 타입스크립트 핸드북 https://typescript-kr.github.io/pages/basic-types.html 타입스크립트란? (feat. 노마드 코더. ID:sugar) 1.TypeScript는 JavaScript에 추가적인 구문을 추가하여 editor와의 단단한 통합을 지원합니다. editor에서 초기에 오류를 잡을 수 있습니다. 2. TypeScript 코드는 JavaScript가 실행되는 모든 곳(브라우저, Node.js 또는 Deno 및 앱 등)에서 JavaScript로 변환될 수 있습니다. 3. TypeScript는 JavaScript를 이해하고 타입 추론(type inference)을 사용하여 추.. 댓글 1 2023.08.04

• 

  [기본] GIT CLI (feat. VScode) 파란색 - 수정 / 초록색 - 추가 M - modified U - untracked A - added HEAD -> master - 현재 우리가 바라보는 위치 origin/master - github에 올라간 커밋 ■ 커밋 이력 보기 git log ■ stage 영역에 추가 git add (파일명) git add . - 현재 폴더에 있는 모든 파일 ■ git 커밋하기 git commit -m "(메시지)" ■ github에 올리기 git push origin master 과거 커밋으로 가기 ■ git checkout (커밋 주소) 원래 상태로 되돌아오기 ■ git checkout master ■ 현재 커밋 삭제 & 과거 커밋으로 가기 (하드 리셋) git reset --hard HEAD^ --hard ▷.. 댓글 1 2023.06.07

• 

  [기본] GITHUB사용법 간단한 순서는 파일 내용 변경 -> commit -> push 이다. 때때로 Fetch, pull, update 을 사용한 후 위 방식을 사용하여 기준 브랜치와의 흐름을 맞춥니다. Folking & Cloning fork는 하나의 저장소에 대한 하나의 복사본입니다. 리포지토리를 fork해서 기존 프로젝트에 영향을 주지 않고 변경 사항을 자유롭게 테스트할 수 있습니다. Clon은 자신의 컴퓨터에 Repository를 가져오는 행위입니다. folk한 프로젝트에 변경사항을 commit한 후 Original 프로젝트(Upstream)에 가면 Create pull request가 뜨게 되는데 이것을 이용하여 original 프로젝트에 풀 요청을 할 수 있습니다. request요청을 하면 아래와 같습니다. 이런식으.. 댓글 0 2023.06.03

• 

  App과 Redux 구성하기 리엑트 리덕스 전반적인 셋팅을 해준다. 내가 정한 폴더구조는 아래와 같다.전 셋팅에서 바뀐점은 Thunk를 삭제하고 Saga로만 돌리기로 하였다 정도?!두개를 같이 쓰는 이유가 없었다... 둘다 비동기로직 처리하기위해 쓰는 것이고 대형 프로젝트에서는 Saga를 사용해서 모든것을 확인하는 것 이 더 좋다는 이유이다. 2024.04.29

• 

  React + PWA project 1 npx create-react-app pwa-react --template cra-template-pwa 명령어를 사용하면 Progressive Web App (PWA) 기능이 포함된 React 프로젝트를 초기 설정할 수 있다. 이 템플릿은 기본적인 PWA 설정을 자동으로 구성해준다. 이것은 서비스 워커 설정과 웹 매니페스트를 포함하므로, 별도로 설정을 추가하거나 수정하는 과정을 최소화할 수 있다. 지금부터, Kali Magazine의 기본 모델을 카피하여 PWA작업을 진행하려고 한다. Kali Magazine Frontend 구성은 다음과 같다. Redux: 상태 관리 라이브러리. Redux Persist: 클라이언트 측에서 애플리케이션의 상태를 지속적으로 유지시키기 위해 사용. Redux Saga: .. 2024.04.20

• 

  [기초] 타입스크립트 1장 (Call Signature, Overloading, Polymorphsm...) 타입스크립트 코드 테스트 https://www.typescriptlang.org/play 타입스크립트 핸드북 https://typescript-kr.github.io/pages/basic-types.html 타입스크립트란? (feat. 노마드 코더. ID:sugar) 1.TypeScript는 JavaScript에 추가적인 구문을 추가하여 editor와의 단단한 통합을 지원합니다. editor에서 초기에 오류를 잡을 수 있습니다. 2. TypeScript 코드는 JavaScript가 실행되는 모든 곳(브라우저, Node.js 또는 Deno 및 앱 등)에서 JavaScript로 변환될 수 있습니다. 3. TypeScript는 JavaScript를 이해하고 타입 추론(type inference)을 사용하여 추.. 2023.08.04

• 

  [기본] GIT CLI (feat. VScode) 파란색 - 수정 / 초록색 - 추가 M - modified U - untracked A - added HEAD -> master - 현재 우리가 바라보는 위치 origin/master - github에 올라간 커밋 ■ 커밋 이력 보기 git log ■ stage 영역에 추가 git add (파일명) git add . - 현재 폴더에 있는 모든 파일 ■ git 커밋하기 git commit -m "(메시지)" ■ github에 올리기 git push origin master 과거 커밋으로 가기 ■ git checkout (커밋 주소) 원래 상태로 되돌아오기 ■ git checkout master ■ 현재 커밋 삭제 & 과거 커밋으로 가기 (하드 리셋) git reset --hard HEAD^ --hard ▷.. 2023.06.07

• 

  [기본] GITHUB사용법 간단한 순서는 파일 내용 변경 -> commit -> push 이다. 때때로 Fetch, pull, update 을 사용한 후 위 방식을 사용하여 기준 브랜치와의 흐름을 맞춥니다. Folking & Cloning fork는 하나의 저장소에 대한 하나의 복사본입니다. 리포지토리를 fork해서 기존 프로젝트에 영향을 주지 않고 변경 사항을 자유롭게 테스트할 수 있습니다. Clon은 자신의 컴퓨터에 Repository를 가져오는 행위입니다. folk한 프로젝트에 변경사항을 commit한 후 Original 프로젝트(Upstream)에 가면 Create pull request가 뜨게 되는데 이것을 이용하여 original 프로젝트에 풀 요청을 할 수 있습니다. request요청을 하면 아래와 같습니다. 이런식으.. 2023.06.03