본문 바로가기
728x90
반응형

전체 글

 (90)
[카카오 대리운전] 대리기사 도보 수입 현실 (인증 포함) 코로나 한창일 때 무너졌던 대리운전 업계가 다시 살아나고 있다. 나는 백수가 되자마자 생계가 급해 대리운전에 뛰어들었다. 이 글을 보고 있는 분들이라면 아마, 실직하셨거나 당장 생계가 막막한 분들, 그리고 부업으로 대리운전을 생각하고 있는 분들일 것이다. 이십대 중반인 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를 활용하면 재렌더링 되어도 초기화되지 않는다.
[useState] 리액트 탐험.. useState... useState로 설정한 data를 공유하려면 부모 컴포넌트로 부터 props로 받아와야 한다. 모든 Child 컴포넌트가 같은 count 값을 공유하길 원한다면, count 상태를 Child 컴포넌트가 아닌 Parent 컴포넌트에서 관리해야 한다. 그리고 이 count와 setCount를 Child 컴포넌트에 props로 전달한다. function Parent() { const [count, setCount] = useState(0); return ; } function Child({ count, setCount }) { return ( You clicked {count} times setCount(count + 1)}> Click me ); } 같은 컴포넌트 내에서 button을 만들어 count +..
[map] JavaScript 유용한 함수 map 예를 들어 다음과 같은 배열 요소가 있다고 가정해 보자. let arr = [3, 4, 5, 6]; 이제 배열의 각 요소에 3을 곱해야 한다고 상상해 보자. 원초적인 판단으로는 다음과 같이 for 루프 사용을:할 수 있다. let arr = [3, 4, 5, 6]; for (let i = 0; i < arr.length; i++){ arr[i] = arr[i] * 3; } console.log(arr); // [9, 12, 15, 18] 그러나 사실 Array.map() 메소드를 사용한다면 이런 동일한 결과를 얻을 수 있다. let arr = [3, 4, 5, 6]; let modifiedArr = arr.map(function(element){ return element *3; }); console.l..
728x90
반응형

티스토리툴바