반응형
안녕하세요, 이제 막 20살이 된 분들 부터 60세가 넘으신분들까지 많은 분들이 다양한곳에서 직장생활 하고 있습니다. 그러면 어떤 직장에 들어가는 곳이 좋을까요? 여러분들은 좋은 직장을 고르는 기준 같은 것이 있으신가요? 대기업? 높은 연봉? 복지? 출퇴근 거리? 제가 대학생 때 취업 상담 선생님께서는 연봉/복지/거리 모두 만족할 수 있는 회사는 없다고, 있으면 자기 한테 좀 알려달라고 이야기를 했던 기억이 있습니다. 제가 생각하는 좋은 직장 고르는 방법에 대해서 이야기 해보도록 하겠습니다. 1. 나의 꿈을 이룰 수 있는 곳인가? 직장 생활은 단순히 돈을 벌기 위해서 하기 보다는 내 꿈을 실현하고 자아 성취를 하기 위해서 해야 합니다. 단순히 돈을 위해 더 큰 연봉만을 꿈꾸고 직장생활을 하게 된다면, 하..
안녕하세요 이번달에 저의 구글 애드센스 수익 $100를 모두 채워서 처음으로 출금하였습니다. 하루 종일 진짜 돈이 입금 될까, 또는 문제가 생겨서 입금이 안되지 않을까라는 걱정도 있었습니다. 하지만 22일에 신한은행 계좌로 정상적으로 첫 수익금이 입금 되었습니다. 저의 첫 포스팅이 2017년 11월 20일이였으니깐 약 6년만의 첫 수익입니다. 구글 애드센스 수익 지급일 구글 애드센스 수익 지급일은 매월 21일~26일 입니다. 자세한 날짜는 지역마다, 시간마다 달라진다고 합니다. 저는 22일 오전에 수익이 지급되었다고 메일이 도착하였고 약 10분 뒤에 신한은행 계좌로 해외 송금이 도착했다고 카톡 알림이 와서 수령하였습니다. 해외 송금 수수료 아쉽지만 달러로 입금이 되기 때문에 원화로 받기 위해서는 환전 수..
아래와 같이 클릭 이벤트를 만들어서 사용하고 있었습니다. 하지만, 드래그할 때도 아래와 같이 클릭 이벤트가 발생하였습니다. 저는 단지 드래그 이후 복사를 하고 싶었는데, 클릭 이벤트를 발생시키고 싶지 않았습니다. const div = document.querySelector('div'); div.addEventListener('click', () => { alert('click'); }); 클릭 이벤트 방지 시키는 방법 아래와 같이 mousedown, mousemove 이벤트를 이용해서 동작이 드래그인지 판단합니다. 그 이후 mouseup 이벤트에서 click 이벤트 로직을 실행시킵니다. const div = document.querySelector('div'); let isDrag; div.addEve..
a태그를 이용해서 다운로드할 수 있는 방법 두 가지에 대해서 알아보도록 하겠습니다. a 태그 download 속성 이용하기 a태그는 해당 url로 이동하거나, 새 탭을 열 수 있습니다. 하지만 download 속성을 사용하면 해당 url의 파일을 다운로드할 수 있습니다. download 값을 넣게 되면 해당 이름으로 파일 다운로드를 할 수 있습니다. 다운로드 단 주의해야할점이 있습니다. 동일 출처 정책에 의해서 다운로드 파일의 경로가 현재 페이지의 url과 동일해야 다운로드가 가능합니다. clickEvent를 이용해서 다운로드하기 다운로드의 파일 경로가 다르다면 a tag에 click 이벤트를 이용해서 다운로드할 수 있습니다. 아래와 같은 방법으로 파일 다운로드를 할 수 있습니다. 다운로드 const c..
Nuxt2에서 아래와 같이 fetch 속성을 사용하려고 하였는데, 컴포넌트 데이터가 업데이트가 되지 않았습니다. async fetch({ $api }) { try { const { data } = await $api.getUserList(); this.list = data; } catch (e) { console.log('error', e) } }, 원인 fetch는 nuxt 2.12 버전 이후로 업데이트가 되었습니다. fetch hook을 사용하려면 fetch안의 파라미터를 넣으면 안됩니다. 파라마터를 넣으면, 업데이트 이전의 fetch가 동작해서 컴포넌트가 업데이트 되지 않습니다. 해결방법 fetch 파라미터를 지우고, this를 통해서 데이터 구성요소를 업데이트 하면 정상 작동합니다. async f..
평소에는 InteliJ를 이용해서 git push를 해서, git을 사용할때 인증을 할 필요가 없습니다. 하지만, 터미널에서 git push를 할때마다 username과 password를 입력해야 해서 번거로울때가 있습니다. 왜 자꾸 로그인 정보를 물어보나 찾아보았습니다. git push Username for 'https://github.com': powerku Password for 'https://powerku@github.com': 원인 제가 git clone 할때 HTTPS 방식으로 git clone을 해서 터미널에서 git push를 할 때 로그인 정보를 묻는 것이였습니다. 해결방법 git remote set-url origin "YOUR_GIT_URL" SSH 방식으로 git clone를 하..
Github SSH 키 만들기 터미널을 이용해서 Github SSH 키를 만들 수 있습니다. 1. 터미널을 열기 ssh-keygen -t rsa -b 4096 -C "YOUR_EMAIL" 2. 키 복사하기 출력된 키를 복사합니다. cat .ssh/id_rsa.pub 3. GitHub > Setting > SSH and GPG keys 4. New SSH KEY > Key 입력 이후 SSH 방식으로 git clone을 하면 로그인 인증 과정 없이 바로 git push가 가능합니다. Git clone HTTPS 와 SSH 방식 차이점 git push 할때 자꾸 username, password 물을때 해결방법 평소에는 InteliJ를 이용해서 git push를 해서, git을 사용할때 인증을 할 필요가 없습..
자바스크립트에서 문자열로 변경하는 방법이 여러가지 있습니다. 그 중 4가지를 소개 시켜드리겠습니다. String() String 생성자를 이용해서 문자열 변경할 수 있습니다. const num = 123; const obj = { name: 'superman' }; const arr = ['superman', 'batman'] const str = String(num); // '123' const str2 = String(obj); // [object Object] const str3 = String(arr); // superman,batman .toString() toString 메서드를 이용해서 문자열로 변경할 수 있습니다. const num = 456; const obj = { name: 'supe..
안녕하세요, 파워쿠 입니다. 2023년 11월 19일이 되면, 직장 생활 5주년이 됩니다. 개발자 5년차가 된 기념으로 저에 대해 간단하게 쓰려고 하니 편하게 봐주세요. 전공 저는 e-비즈니스 전공을 하였습니다. 대학교 원서를 작성할 때는 경영학과를 가고 싶었지만 상대적으로 경쟁률이 높았었고, 고등학교 시절 페이스북을 만든 하버드생 마크 주거버그 관련 내용의 영화를 보고 나도 저런 소셜 네트워크 서비스를 만들고 싶다는 생각으로 e-비즈니스 학과에 입학 지원서에 적었던 기억이 있습니다. e-비즈니스 전공은 생소할 수 있는 학과지만 경영, ERP, 컴퓨터 공학 등 다양한 과목들을 배울 수 있는 학과였습니다. 대학교 4학년 때까지 개발자가 될 거라고는 전혀 생각을 못하고 있었습니다. Hello World~ 4..
자바스크립트에서 문자열을 숫자로 변경할 수 있습니다. parseInt 함수를 사용하거나, Number 생성자를 이용하는 방법이 있습니다. parseInt와 Number를 사용하면 간단하게 문자열을 숫자로 변경할 수 있지만, 몇 가지 차이점이 있기 때문에 주의하셔야 합니다. 기본사용법 const str = '100'; parseInt(str); // 100 Number(str); // 100 뒤에 문자가 들어간 숫자 const str2 = '100px'; parseInt(str2); // 100 Number(str2); // NaN 앞에 문자가 들어간 숫자 const str3 = '약300'; parseInt(str3) //NaN Number(str3) // NaN 공백이 들어간 숫자 const str4 ..