# atom
[React] Atomic Pattern (2)
아토믹 패턴 정리 경과 보고(?) : 지난번 아토믹 패턴 관련 포스팅을 하고 나서 어언,, 3개월 정도가 지나서 이 포스팅 시리즈를 마무리하려고 한다. 이렇게 시간이 지난건 그 시간동안 실제로 아토믹 패턴을 팀원분들과 설계하고, 실제 적용하고 개발하느라 이다(핑계인가
아톰 에디터 설치하기
자유-오픈 소스 형태의 OS X, 리눅스, 윈도우용 문서 및 소스 코드 편집기이다. Node.js로 작성된 플러그인, 깃허브가 개발한 임베디드 깃 관리 지원을 포함한다. 대부분의 확장 패키지는 자유 소프트웨어 라이선스를 취하며 커뮤니티가 만들고 관리하고 있다. 아톰은

배워보자! 전역 상태 관리 Recoil
Recoil은 리액트의 state management(전역 상태 관리) 도구이다.Redux, Zustand, Recoil... 등 리액트의 여러 전역 상태 관리 도구 중 Recoil을 사용하는 이유는 다른 도구들 보다 심플하고 리액트 스러워서라고 생각함! 특정 컴포넌트
Trouble shooting 일지 - 광고 플랫폼 app 편 #1-1
< react 전역 상태란 >일반적으로 react에서 데이터는 부모로부터 props를 통해 자식까지 순차적으로 폭포처럼 아래로 전달된다. 그래서 컴포넌트들이 많이 나누어질수록 prop-drilling 현상이 일어날 수 밖에 없다. (참고한 사이트 : https&#

생활코딩 - <Web> 15 : 웹 사이트(Website) 만드는 방법, 문구를 클릭했을 때 원하는 사이트로 이동하는 링크 연결하기, 탭 이름 수정하기
이 강의 공부는 한참 전에 했는데, 주간은 유튜브 편집도 하고 이어서 뒷 강의를 마저 들으며 여러차례 헤메다가학습정리 포스팅을 이제야 올린다.이번 포스팅은 웹 사이트를 완성시키는 단계가 되겠다.위 사진을 보면 큰 제목과 앞에 번호가 있고 링크가 걸린 소제목의 목록들이

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

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

7/21 25일차
리코일을 처음으로 실전에 활용해 봤다. 아이디 찾기 페이지에서,찾은 아이디를 다음 페이지에서 뿌려줄때 response.data 값을 이용하고 싶은데형제 컴포넌트끼리는 데이터 교환이 어려워서 리코일의 아톰에 데이터를 저장해서 사용하기로 했다.SearchId = 부모 컴포
실전프로젝트 TIL16일차(7/9)
프론트 깃허브 링크 실전프로젝트 SA링크 실전 프로젝트에서는 원래 배운 내용들을 깃허브에 올리는 방식이 아닌 하루하루 진행 상황과 느낀점들을 기록하기 위해서 벨로그에 TIL을 작성하기로 했다.이는 자바스크립트가 비동기 통신을 해서 담기는데 시간이 필요했다. 시간을 주
[React] Recoil 전역상태관리
atom 이란?atom은 상태를 정의하는 방법. atom이 set되면, 해당 atom을 구독하고 있던 '모든 컴포넌트들의 state가' 새로운 값으로 리렌더링 된다!즉, 값을 바꾸면 재할당 해줄 필요없이, 바로 적용이 된다.But, atom을 사용하고 있던 함수가 자동

생활코딩 - <Web> 1~5 : HTML에 대해, 웹 사이트 기획하기, 처음 코딩해보기(Atom프로그램),웹 페이지 만들어보기
강의 Web 1~5 까지의 학습 내용 정리.1~2) 강사님 인사, 수업소개, 프로젝트 동기 설명3) 기획하기. (기획)무엇인가를 만들기 전에 우리는 무엇을 만들지 상상하고 계획하고 구체화 하는 과정을 거친다.만들기 전에 무엇을 만들것인가를 설계하는 과정을 기획이라고 한

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

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

HTML Editor _ ATOM
HTML 코딩과 실습환경 준비 HTML 코딩과 실습환경 준비 image [HTML 코딩과 실습환경 준비 image](https://
Recoil 사용 방법
리코일은 페이스북에서 만든, 리액트를 위한 상태 관리 라이브러리입니다. 리덕스처럼 보일러 플레이트가 많지 않고, 정말 필요한 코드만을 여러 store로 구성할 수 있어서 개발 생산성과 효율성을 기대하며 프로젝트에 도입하였습니다. RecoilRoot RecoilRo

[WEB1] Atom Editor 설치 & Atom과 github 연동 (cmd 필요 없음)
html부터 시작하시는 초보자분들을 위한 정말 쉬운 에디터 atom !atom 에디터 설치부터 프로젝트 폴더와 html 파일 생성, 그리고 github 연동까지 알아보겠습니다Github에서 만든 에디터다양한 프로그래밍 언어 사용 가능무료플러그인을 통한 쉬운 확장HTML
Recoil
Recoil? 페이스북에서 만든 새로운 React를 위한 상태 관리 라이브러리 상태관리 기본적으로 부모의 state를 자식에게 props로 전달해서 사용 깊이가 깊어질 시? 첫번째 부모에게 모든 state를 몰아줘야하고, state가 바뀌면 자식 컴포넌트가