profile
프론트 개발자가 되는 과정
post-thumbnail

Lodash 정리하기 : _.shuffleSelf()

\_.shuffleSelf(array,number)array의 값들 중에 number의 수의 값을 랜덤으로 뽑아서 반환1 - array - 섞을 배열 전달2 - number ( option ) - 랜덤으로 뽑을 값의 수 <span style="color:&lt

2021년 2월 18일
·
0개의 댓글
·
post-thumbnail

Lodash 정리하기 : _.compact()

\_.compact(array)배열의 falsy한 값 false, null, 0, "", undefined, NaN 을 제거한다] 첫번째인자 : 배열 - \_.compact를 사용 할 배열 리턴 : falsy값이 제거된 새로운 배열<span style="backg

2021년 2월 6일
·
0개의 댓글
·
post-thumbnail

git reflog - HEAD변경 이력 확인하기

git reflog HEAD변경 이력을 볼 수 있는 명령어 reset --hard를 했을경우에 사라진 이력과 커밋해시도 남아있고, --all 옵션을 사용해 더 세세한 이력도 확인 할 수 있다 ref = reference reflog = reference log 참

2021년 1월 27일
·
0개의 댓글
·
post-thumbnail

git reset, revert - commit 되돌리기

commit을 되돌리고 싶은 순간은 하루에도 몇번씩 올 수 있다. commit메세지에 오타가 있을때, 이전 커밋에 추가하고 싶은 내용이 생겼을때 등 또는 remote에 오류난 채로 push했다거나 전에 올린 내용을 삭제하고 싶을때?! reset과 revert 둘다 커

2021년 1월 26일
·
0개의 댓글
·
post-thumbnail

git diff - 파일 내용 비교하기

git diff 파일의 어떤 내용이 변경되었는지 차이점을 비교할 수 있다. Working Directory와 Staging Area간의 비교도 가능하고 commit간의 비교, branch간의 비교도 가능하다. ➜ 관련 명령어 정리 commit된 파일상태와 현재

2021년 1월 22일
·
0개의 댓글
·
post-thumbnail

git stash 임시저장 사용하고 응용하기

파일 수정중 다른 branch로 이동해야하는 상황이 생기거나갑자기 pull받아야 할 내용이 생겼거나이전 커밋에 추가할 내용이 있거나 (git commit --amend 사용)branch를 feature가 아닌 master에서 작업하던 중이거나 할때 유용히 사용할 수 있

2021년 1월 22일
·
0개의 댓글
·
post-thumbnail

[DOM] 이벤트 캡쳐링, 버블링

위와 같이 중첩된 요소에서 element에 addEventListner로 click, scroll 등의 이벤트를 사용하는 경우, 중첩된 요소에서 이벤트가 발생할 때상위의 이벤트가 하위에 전달되고, 하위의 이벤트가 상위에 전달된다.위와같이 이벤트가 전파되는 방식에 대해

2021년 1월 11일
·
0개의 댓글
·
post-thumbnail

Lodash 정리하기 : array.concat()

concat >_.concat(array, [values]) 인자로 주어진 배열들을 기존 배열에 합쳐서 새 배열을 반환한다.   기존 값은 변하지 않음   array.concat() lodash concat lodash 예제

2020년 12월 19일
·
0개의 댓글
·
post-thumbnail

Meta Tag , OG(오픈그래프) 사용하기

오픈그래프는 어떤 HTML 문서의 메타정보를 쉽게 표시하기 위해서 메타정보에 해당하는 제목, 설명, 문서의 타입, 대표 URL 등 다양한 요소들에 대해서 사람들이 통일해서 쓸 수 있도록 정의해놓은 프로토콜이며 페이스북에 의하여 기존의 다양한 메타 데이터 표기 방법을 참

2020년 12월 15일
·
2개의 댓글
·
post-thumbnail

HTML속성 + 모범사례

프론트엔드 체크리스트 2 > HTML → 속성과 모범사례 HTML 문서의 최상단 요소이며, 루트 요소 (Root Element) 라고도 함lang → HTML에서 특정 텍스트가 어떤 언어로 작성됐는지 지정하는 lang 속성<span style="color:dir

2020년 12월 14일
·
0개의 댓글
·
post-thumbnail

robot.txt와 meta태그의 robots의 차이

meta태그에 대해서 검색하다 보니robot.txt같이 robots 접근을 제어하는 경우도 있는것을 보았다.그래서 도대체 어떤것이 검색엔진 최적화에 좋은지? 혹은 어떻게 로봇을 제어하는게 우선순위가 되는지가 궁금해졌다크롤러같은 robot들은 주로 검색엔진들의 인덱싱 목

2020년 12월 11일
·
0개의 댓글
·
post-thumbnail

HEAD의 meta-tag와 SEO

프론트엔드 체크리스트 1 > HEAD → meta-tag 1. doctype `` ★ 최상단에 위치 DTD(Document Type Declaration:문서 형식 정의)를 통해서 현재의 웹문서가 어떤 버전의 HTML 기술로 작성되었는지 웹브라우저에 전달. ht

2020년 12월 11일
·
0개의 댓글
·
post-thumbnail

sudo와 su, su - root 그리고 admin, user 의 차이

배포하는 과정에서, sudo su - root 라는 명령어를 입력하는데,sudo는 알겠는데 root는 왜나오지.. 싶어서 정리 하지 않고선 못넘어 가겠으니오늘의 정리는 이것으로 정했다.😲여러 블로그를 읽고 돌아다녀 보니리눅스의 다중 사용자 개념으로 사용되는 것이 ro

2020년 12월 7일
·
1개의 댓글
·
post-thumbnail

Base 64와 base64 img 사용하기

html에 img의 src에 url이 아닌 숫자와 문자로 구성된 긴 코드가 들어간 경우가 있었는데 data:image/png;base64와 같은 형태였다.검색 후 아래와 경우에는 이미지를 base64인코딩 방식으로 사용한다는것을 알았다.크기가 작은 이미지를 이미지 파일

2020년 12월 6일
·
0개의 댓글
·
post-thumbnail

SSH란? (+ Kernel, Shell)

vagrant 명령어 정리하는데 ssh로 접속하고,aws ec2에 접속할때도 ssh -i - 로 접속 하던게 생각나서 정리해보는 ssh !도대체 ssh가 뭐길래 ssh를 접속할때 사용하지😒SSH는 Secure Shell Protocol의 줄임말로 네트워크 프로토콜 중

2020년 12월 5일
·
0개의 댓글
·
post-thumbnail

Vagrant , pm2 명령어

버전확인  vagrant -v상태확인  vagrant status실행  vagrant up종료  vagrant halt접속  vagrant -ssh재구동  vagrant reload삭제  vagrant destroyBox에 설치된 이미지 목록  vagrant box l

2020년 12월 4일
·
0개의 댓글
·
post-thumbnail

PM2가 무엇일까

첫날, local환경을 구성 하는 중에 아래와 같은 화면을 터미널에서 발견했다.회사에서는 한개의 서버에 frontend, backend 두개의 서버를 돌린다고 했는데이 화면이 뜨면서 두개의 서버를 재 가동하는 방법을 알려주셨었다<span style="color:그

2020년 12월 3일
·
0개의 댓글
·
post-thumbnail

가상머신과 하이퍼바이저

지금의 회사에서는 local에 가상환경을 구성하여 테스트 후 배포하는 방식으로 개발을 진행하고 있다고 한다.그래서 Vagrant과 Virtualbox을 사용한다고 하는데,직접 구현할것은 아니지만 개념에 대한 이해는 필요할듯 싶어서검색 후 내 나름 이해한 부분을 정리해두

2020년 12월 2일
·
0개의 댓글
·