개발캡슐

useRef useRef - 리액트에선 render() 메서드에 의해 만들어지는 DOM에 접근하는 방식 으로 HTML 의 DOM노드와 React Element에 접근할 수 있도록 ref를 제공해. - javascript에서 특정 Dom을 선택하는 역할이 getElementById, querySelector 등이 있다면, 리액트에선 useRef를 사용해서 특정 Dom에 접근해. - 특정 DOM에 접근할 때 사용하고, - 외부 라이브러리 사용할때 유용해. useRef() 를 사용하여 Ref 객체를 만들고, 이 객체를 우리가 선택하고 싶은 DOM 에 ref 값으로 설정해. 그러면, Ref 객체의 .current 값은 우리가 원하는 DOM 을 가르킬 수 있게 되지. useRef가 필요한 상황들 - ref로 값을..

state, props state, props 둘 다 일반 JavaScript의 객체야. 둘 다 렌더링 출력에 영향을 주는 정보를 보유하지만 다른 점이 있어. 컴포넌트로 props가 전달되고(함수 매개 변수와 유사), state로 컴포넌트 내에서 관리돼.(함수 내에서 선언된 변수와 유사) state - state는 한 컴포넌트 안에서 유동적인 데이터를 다룰 때 사용돼. - 컴포넌트 안에서 데이터를 변경할 수 있어. 즉, state는 한 컴포넌트의 상태(state)를 나타내. - 컴포넌트 상태는 시간이 지남에 따라 변경될 수 있다. state가 변경될 때마다 컴포넌트가 다시 렌더링돼. - Hook이 React 버전 16.8에 새로 추가되면서, 함수 컴포넌트(Function Component)에서도 상태 값..

역시나 어렵지만 재밌다. 히히 이번엔 스타일 컴포넌트(Styled-components)와 리덕스를 배우고 추가로 리액트에서 알아야할 Axios/API를 공부하는 주. 중간에 매니저님 오시면서 시간낭비 안 하시게 국물까지 쫙쫙 뽑아드리고 있었지. 리덕스로 상태관리 외에 이것 저것 많이 여쭤보다가 난중에 개인홈페이지 운영을 하고 싶어서 데이터베이스관리나 Dev/Ops 어떻게 할 지까지 얘기가 나왔어. 그러다가 Firebase로 개인홈 관리하면 편하다는 정보를 얻었지. 요즘 개인 웹서비스 디자인과 와이어프레임도 가끔씩 아이디어 떠오르면 기능은 어떻게 하고 디자인은 어떻게 하면 좋을찌 적고있어. DB쪽 관리를 어떻게 해야하나 고민이었는데 마침 좋은 소식이었지. 되게 신났어 흐흐 Firebase는 AWS와 같이 ..

사실 지금 리액트 배우는데 자료로는ㅋㅋㅋ이해가 사실 너무 안 가서 매니저님들이 공통적으로 추천해준 그 영상(노마드코더의 무료 React강의)를 보고 짜볼 생각이야. 전체적인 샘플링은 검사로 떠봤는데 코드는 반복연습으로 어느 정도 이런 구성으로 이루어지는구나 이해는 되는데 import하면서 props를 children으로 넘길 때랑 import 순서가 어떻게 되는 지 모르겠어서ㅋㅋ 파일과 폴더도 어떻게 구분해야할 지 감이 안 오구 헤딩으로 때려박기엔 기초 하나 제대로 못 익히면 활용할 때 아무것도 못 하니까.. 원래, Javascript의 ES5, ES6의 차이를 보려다 보너스로 찾은 자료가 있는데, React에서의 ES5와 ES6를 차이를 다룬 자료도 가져와봤어. React의 ES5와 ES6의 차이점: ..

Javascript 기초 그리고 React(Feat. 반복문과 로직, 수학?) 어려워도 익히면 익힐수록 재밌어. 변태같지만 잠을 안 자도 되고 안 먹어도 된다면 하루 죙일 하고싶어. 바로 javascript야. 알고리즘..js 잘 못 풀고 남들에 비해 이해력이 부족해서 항상 2배는 해야할 거 같아. js기초와 리액트 그리고 진도 안 맞는 스터디를 하면서ㅋㅋㅋ할 게 몇 개는 늘었지만 그래도 좋아. - 3주차에 들어서서 언어 주특기 React 입문 발제를 했어. 친절한 듯 아닌 듯한 심플한 강의 자료와 공식문서, 유튜브를 오가면서 공부하고 있어.는 아직 2일차지만 역시 나는 손코딩해야 좋더라..ㅎㅎ 하루 죙일 알고리즘 문제만 풀고싶기도 해. 쉬는 날에도 코딩 얘기하면서 음악 얘기하면서 음악을 코딩을 짜면 어..