hwlink

고정 헤더 영역

글 제목

메뉴 레이어

hwlink

메뉴 리스트

  • 홈
  • 태그
  • 방명록
  • 분류 전체보기
    • Memo
    • Library
    • Coding
      • Svelte,Sveltekit
      • React
      • JS
      • CSS
      • 알고리즘
      • Error
      • TypeScript
      • WEB
      • Network
    • Git
    • Code
    • 마우스버리기
    • Project
      • Weasly(화장품결제구독서비스)
      • Hines(리빙쇼핑몰)
      • 기업협업
    • book
홈태그방명록
  • Memo
  • Library
  • Coding
    • Svelte,Sveltekit
    • React
    • JS
    • CSS
    • 알고리즘
    • Error
    • TypeScript
    • WEB
    • Network
  • Git
  • Code
  • 마우스버리기
  • Project
    • Weasly(화장품결제구독서비스)
    • Hines(리빙쇼핑몰)
    • 기업협업
  • book

검색 레이어

hwlink

검색 영역

컨텐츠 검색

리액트

  • [React] Recoil 상태관리 라이브러리

    2021.12.26 by hwlink

  • [React] 웹 타이틀 변경, 파비콘 변경

    2021.10.17 by hwlink

  • [Github] 리액트 깃허브 배포

    2021.10.14 by hwlink

  • [React] fontawesome 폰트어썸 적용법

    2021.10.12 by hwlink

[React] Recoil 상태관리 라이브러리

기업협업으로 출근하게 될 기업이 Recoil 기술스택을 사용 하길래 Recoil 공식문서를 참고하여 개념정리를 미리 하고 출근하려한다. 공식문서: https://recoiljs.org/ko/docs/introduction/getting-started 등장 배경 비교적 간단한 프로젝트엔 무겁게 느껴질 수 있는 Redux와 MobX, 그리고 이들은 근본적으로 React를 위해 출시된 것이 아니다. React의 hooks와 어울리면서 React에 필요한 것들만 React스럽게 제작한 상태관리 라이브러리 Recoil 개요 Recoil을 사용하면 atoms (공유 상태)에서 selectors (순수 함수)를 거쳐 React 컴포넌트로 내려가는 data-flow graph를 만들 수 있다. Atoms는 컴포넌트가 ..

Coding/React 2021. 12. 26. 15:15

[React] 웹 타이틀 변경, 파비콘 변경

1. 타이틀 변경 을 찾아야한다. 타이틀은 public >> index.html 내부에 있다. 2.파비콘 변경 변경할 이미지 파일을 준비해둔다. https://www.favicon-generator.org/ Favicon & App Icon Generator Upload an image (PNG to ICO, JPG to ICO, GIF to ICO) and convert it to a Windows favicon (.ico) and App Icons. Learn more about favicons. www.favicon-generator.org 해당 링크로 접속하여 파일을 업로드하면 각 기기,운영체제에 최적화된 파비콘을 제공해준다. .ico파일은 ms윈도우에 아이콘에 쓰이는 그림파일입니다. *ico만 ..

Coding/React 2021. 10. 17. 16:43

[Github] 리액트 깃허브 배포

html css js 작업 후 작업 후 복습겸 간단하겠거니하고 리액트로 변환한 뒤 깃허브로 배포 하려고 하는데 깃허브 배포부분에서만 반나절 이상을 썼다. 구글링을 하니 여러방법이 있었는데 git, github를 제대로 이해하지 못하고 따라하기만하니 여러가지 에러가 발생했다.( node 전체 삭제 후 최신버전 재설치, yarn 재설치, 터미널 대참사) 찾은 방법 중 유일하게 된 이해가 된 방법으로 정리하려고 한다. 참고: create app react 로 제작된 리액트 페이지입니다. (설치법은 생략) 1. Github repositories 생성 1.GIthub 계정을 만든후 New repository를 클릭한다. 2.Build, Compile Q:html, css, js 업로드 하듯 app.js 드래그 ..

Git 2021. 10. 14. 11:18

[React] fontawesome 폰트어썸 적용법

기존 html css 에서 fontawesome 사용시 cdn으로 불러와서 사용하였으나 리액트에선 역시 같은 방법으로 적용되지 않았다. 리액트는 초반설계가 많이 들어간다는걸 다시 한번 느꼈다. 하지만 모든업무에서 노가다보다 초반설계 오래걸리더라도 제대로 세팅하면 그 이후가 편한다는것을 알기에... 리액트에 폰트어썸 적용방법이다. (출처: https://fontawesome.com/v5.15/how-to-use/on-the-web/using-with/react) 터미널입력창 (프로젝트에 패키지를 설치) npm 설치 npm i --save @fortawesome/fontawesome-svg-core npm install --save @fortawesome/free-solid-svg-icons npm inst..

Coding/React 2021. 10. 12. 12:11

추가 정보

인기글

최신글

페이징

이전
1
다음
TISTORY
hwlink © Magazine Lab
페이스북 트위터 인스타그램 유투브 메일

티스토리툴바

개인정보

  • 티스토리 홈
  • 포럼
  • 로그인

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.