본문 바로가기

728x90
반응형

전체보기

(92)
[React] useEffect에 대한 고찰 평생 vue.js만 써오던 사람이라, react.js는 언제 봐도 어렵다. 간단하게 useEffect에 대해 설명하자면, 마운트될 때, 언마운트될 때, 값이 변경될 때 재실행되도록 돕는 함수라는 것이다. useEffect( ()=> { console.log(a, b, c) } )위와 같은 형태로 사용한다.이 예시에서는 a,b,c 값이 변경되거나, 마운트될 때, 언마운트될 때 useEffect 내의 콜백함수가 실행된다. useEffect(() => { console.log('count 상태가 변경될 때마다 실행됩니다.'); }, [count]);위와 같은 형태로 두번째 매개변수(배열)를 넣게 되면 매개변수값이 변경될 때에만 useEffect 내의 콜백함수가 실행된다. useEffect의 기본 동작은 모든 ..
[자바스크립트] 비동기 프로그래밍, Callback, Promise, async/await 자바스크립트 비동기 프로그래밍에는 세가지 방법이 있다. 콜백(Callback) 함수, Promise(프로미스), async/await # 콜백(Callback) 함수는 다른 함수의 인자로 전달되어 나중에 실행되는 함수이다. 주로 비동기적인 작업에서 사용된다. 1. setTumeout() 함수console.log("시작");// 3초 후에 콜백 함수가 실행됩니다.setTimeout(function() { console.log("3초가 지났습니다.");}, 3000);console.log("끝");2. 이벤트 핸들러 클릭하세요 # Promise(프로미스)는 비동기 작업의 성공 또는 실패를 나타내는 객체이다. Promise 객체는 성공 시 resolve 콜백함수를, 실패 시 reject 콜백 함수를 가진..
[카카오 대리운전] 대리기사 도보 수입 현실 (인증 포함) 코로나 한창일 때 무너졌던 대리운전 업계가 다시 살아나고 있다. 나는 백수가 되자마자 생계가 급해 대리운전에 뛰어들었다. 이 글을 보고 있는 분들이라면 아마, 실직하셨거나 당장 생계가 막막한 분들, 그리고 부업으로 대리운전을 생각하고 있는 분들일 것이다. 이십대 중반인 19년에도 취업 이전에 용돈벌이로 대리운전을 했던 경험과 현재 무직 상태에서 전업으로 대리운전을 하고 있는 경험을 토대로 이야기하겠다.다른 블로그 글들을 보니 현실적이지 않은 부분이 있어 짚고 넘어가려 한다. 대리운전은 월화수목금토일 오전/오후 온종일 돈을 벌 수 있는 일이 아니다. 하루 얼마를 번다는 인증 글을 보아도 대략적으로 일주일 수익을 계산해본답시고 7을 곱해보는 것은 무의미한 것이다. 왜냐하면 대리운전은 요일, 공휴일 유무에 따..
[CSS] fixed로 navBar 상단 고정시키기 지난 포스팅에서도 언급했듯이, absolute, fixed는 전후에 있는 요소와 상호작용을 하지 않는다. 아래 예시를 보면 알 수 있듯이 navBar가 독립해버린다. HTML 삽입 미리보기할 수 없는 소스 그래서 다음과 같이 width를 부모 요소와 맞춰줘야 한다. HTML 삽입 미리보기할 수 없는 소스
[Firebase 호스팅] 시키는대로만 하면 된다. npm install -g firebase-tools 위 명령어를 입력하면 무엇인가 설치가 된다. firebase login 파이어베이스 로그인을 한다. firebase init 프로젝트를 초기화 한다. npm run build 프로젝트 파일을 빌드한다. 아마 vue나 react를 사용한다면 dist 폴더에 빌드파일이 생성될텐데 그 파일들을 복사해서 public 폴더에 덮어 씌운다. 꼭 덮어씌워줘야 한다. 안 그럼 이런 화면이 뜨고 절망에 빠질 것이다. 아무튼 잘 따라왔다면 firebase deploy 그리고 나서 요렇게 명령어만 치면 url을 뱉어낼 것이다.
[Firebase 호스팅] Welcome만 뜰 때 호스팅 시도해보려고 npm run build까지 했는데 이렇게 뜨는 사람 있을 거임 그럴 때에는 dist로 저장된 빌드 파일들을 public으로 옮긴 다음 firebase deploy 다시 실행하면 됨.
[230706] 돈이 전부는 아니다 낮에는 가족을 돌보며 공부를 하고 밤에는 대리운전으로 돈을 벌고 있다. 누군가는 물어본다. 급하면 어디 편의점 아르바이트라도 구해서 하는 게 어떻냐고. 그렇게 지낼 수도 있다. 집안에서 어떤 일이 벌어질 지 모르는 상황에 정기적으로 규칙적으로 일하는 것은 쉽지 않다. 아직도 해결해야 할 많은 일들이 남아 있다는 뜻이다. 밤이 참 짧다.
[useRef] vue의 ref와는 다르다.. 아냐 비슷한가..? import {useRef} from 'react' const myRef = useRef(); 이런 식으로 작성할 경우 myRef.current 이 식을 사용하면 해당 myRef DOM에 접근 할 수 있다. 변경 가능한 값이면서 + 재렌더링 할 필요가 없는 data라면 useRef를 사용해도 된다. 그렇다면 의문이 들 것이다. 아니 그럼 그냥 일반 변수 선언해서 쓰는 거랑 다를 게 없지 않음? 다르다, 재렌더링이 되면 일반 변수는 초기화 된다. useRef를 활용하면 재렌더링 되어도 초기화되지 않는다.

728x90
반응형