# atom

28개의 포스트
post-thumbnail

ATOM 설치 및 테마 적용

\[ ATOM 설치 ] 클릭ATOM 실행, Setting 이동(Ctrl+,)language-vue 검색 후 install : vue 공식 지원설치 후 하단에 Vue Component로 표기됨Themes -> seti-ui 검색 후 install(seti-ui : 파일

2022년 7월 30일
·
0개의 댓글
·
post-thumbnail

7/24 28일차

오늘의 트러블 슈팅!사실 instance.interceptors 는 너무 어려워서 내가 구현한 기술이 아니다..팀원 분께서 구현해 내셨는데, 여기서 계속 오류가 나는 부분이 있었다.여기서 다음 버튼을 누르면 다른 컴포넌트로 이동을 해야하는데, 자꾸 페이지가 강제적으로

2022년 7월 24일
·
0개의 댓글
·
post-thumbnail

7/21 25일차

리코일을 처음으로 실전에 활용해 봤다. 아이디 찾기 페이지에서,찾은 아이디를 다음 페이지에서 뿌려줄때 response.data 값을 이용하고 싶은데형제 컴포넌트끼리는 데이터 교환이 어려워서 리코일의 아톰에 데이터를 저장해서 사용하기로 했다.SearchId = 부모 컴포

2022년 7월 20일
·
0개의 댓글
·
post-thumbnail

7/12 17일차

오늘은 리코일을 공부했다.공부했는데.. 공부해도 잘 모르겠다..

2022년 7월 13일
·
1개의 댓글
·

실전프로젝트 TIL16일차(7/9)

프론트 깃허브 링크 실전프로젝트 SA링크 실전 프로젝트에서는 원래 배운 내용들을 깃허브에 올리는 방식이 아닌 하루하루 진행 상황과 느낀점들을 기록하기 위해서 벨로그에 TIL을 작성하기로 했다.이는 자바스크립트가 비동기 통신을 해서 담기는데 시간이 필요했다. 시간을 주

2022년 7월 10일
·
0개의 댓글
·

[React] Recoil 전역상태관리 (전역상태관리 방법 2)

atom 이란?atom은 상태를 정의하는 방법. atom이 set되면, 해당 atom을 구독하고 있던 '모든 컴포넌트들의 state가' 새로운 값으로 리렌더링 된다!즉, 값을 바꾸면 재할당 해줄 필요없이, 바로 적용이 된다.But, atom을 사용하고 있던 함수가 자동

2022년 7월 8일
·
0개의 댓글
·
post-thumbnail

생활코딩 배우기 - <Web> 1~5 학습정리

강의 Web 1~5 까지의 학습 내용 정리.1~2) 강사님 인사, 수업소개, 프로젝트 동기 설명3) 기획하기. (기획)무엇인가를 만들기 전에 우리는 무엇을 만들지 상상하고 계획하고 구체화 하는 과정을 거친다.만들기 전에 무엇을 만들것인가를 설계하는 과정을 기획이라고 한

2022년 7월 5일
·
0개의 댓글
·
post-thumbnail

Recoil - 리코일 겉핥기 1장

리코일 겉핥기 1장 - 리코일의 등장과 'RecoilRoot, 'atom', 'useRecoilState', 'useResetRecoilState', 'useSetRecoilState' 그리고 'useRecoilValue'

2022년 6월 3일
·
0개의 댓글
·
post-thumbnail

recoil과의 첫 만남

Recoil을 만나다.회사에서 전역 상태관리로 redux, 각 위젯의 props drilling을 피하기 위해서 Context API로 진행하다가 Context API 대신 Recoil을 도입하기로 했다.Context API에서 상태값을 변경하면, provider로 감

2022년 5월 29일
·
0개의 댓글
·
post-thumbnail

HTML Editor _ ATOM

HTML 코딩과 실습환경 준비 HTML 코딩과 실습환경 준비 image [HTML 코딩과 실습환경 준비 image](https://

2022년 4월 23일
·
0개의 댓글
·

Recoil 사용 방법

리코일은 페이스북에서 만든, 리액트를 위한 상태 관리 라이브러리입니다. 리덕스처럼 보일러 플레이트가 많지 않고, 정말 필요한 코드만을 여러 store로 구성할 수 있어서 개발 생산성과 효율성을 기대하며 프로젝트에 도입하였습니다. RecoilRoot RecoilRo

2022년 3월 18일
·
0개의 댓글
·
post-thumbnail

[WEB1] Atom Editor 설치 & Atom과 github 연동 (cmd 필요 없음)

html부터 시작하시는 초보자분들을 위한 정말 쉬운 에디터 atom !atom 에디터 설치부터 프로젝트 폴더와 html 파일 생성, 그리고 github 연동까지 알아보겠습니다Github에서 만든 에디터다양한 프로그래밍 언어 사용 가능무료플러그인을 통한 쉬운 확장HTML

2022년 3월 5일
·
0개의 댓글
·

Recoil

Recoil? 페이스북에서 만든 새로운 React를 위한 상태 관리 라이브러리 상태관리 기본적으로 부모의 state를 자식에게 props로 전달해서 사용 깊이가 깊어질 시? 첫번째 부모에게 모든 state를 몰아줘야하고, state가 바뀌면 자식 컴포넌트가

2022년 2월 19일
·
0개의 댓글
·
post-thumbnail

Node.js 설치

Node.js 설치

2022년 2월 9일
·
0개의 댓글
·
post-thumbnail

Atom 설치

Atom 설치

2022년 2월 9일
·
0개의 댓글
·
post-thumbnail

disqus로 댓글 기능 추가하기

😡 disqus로 댓글 기능 추가하기

2022년 1월 23일
·
0개의 댓글
·
post-thumbnail

Atom 자동으로 줄 맞춤시키기

Atom 줄 맞추기

2022년 1월 20일
·
0개의 댓글
·
post-thumbnail

[2차 프로젝트][숙박플랫폼][Recoil] 모달창과 달력 전역 상태관리하기

root대신 계층구조를 벗어나 바깥에 렌더링할 수 있도록 modal이라는 id를 가진 div를 만들어준다.portal의 자식요소 컴포넌트는 modal 요소에서 렌더링된다.이제 이 portal로 원하는 모달 컴포넌트를 감싸면 다음과 같이 root가 아닌 modal에 렌더

2022년 1월 15일
·
0개의 댓글
·

1.9 React masterClass (ToDoList final)

먼저! 어제 하다만 ToDoList부터 마무리를 시작했다. 현재까지는 toDo를 작성할때 "TO_DO" category로 고정을 시켜놨지만 내가 원하는 category로 들어가도록 변경해주자 먼저 CreateToDo에서 categoryState의 값을 받아와 toD

2022년 1월 9일
·
0개의 댓글
·
post-thumbnail

1.8 React masterClass (ToDoList2)

이렇게 컴포넌트를 나누고 각각의 버튼을 누를때 카테고리를 바꿀 수 있다. 이제 reocil의 selector을 사용해 볼 것이다. 공식 문서에서 > selector는 derived state를 나타냅니다. derived state는 어떤 방법으로든 주어진 상태를

2022년 1월 8일
·
0개의 댓글
·