Unary (+) Operator | 단항 연산자 (+)로 문자열을 숫자로 변환하는 법, 활용예시 단항 연산자(+)의 역할 단항 연산자(+)는 한 개의 피연산자, 즉 한 개의 인수와 짝을 이루어 역할을 합니다. 더하기를 의미하는 기존의 (+) 기호와는 달리, 숫자로 변환해주는 역할을 담당하는 단항 연산자 (+)는 인수의 바로 앞에 붙습니다. ECMA 공식 문서에 따르면 단항 연산자 (+)는 문자열인 인수를 숫자 형태로 빠르고 간단하게 바꾸어주는 문법입니다. 단항 연산자(+)가 적용될 수 있는 경우 문자열 앞에 단항 연산자 (+))를 붙여주면, 문자열을 숫자 타입으로 변환하여 리턴합니다. 문자열 뿐만 아니라 true, false, null값 또한 숫자 타입으로 변환합니다. 또 이진법과 16진법 수도 변환해..

처음 로딩 시 svg 배경 이미지가 간혈적으로 제대로 나오지 않는 이슈 네트워크에서 이미지는 잘 가져옴 CSS에서 background-position 전에 background-size를 선언하는지 확인 background-size 속성 contain 에서 100% 로 변경 background-size: contain -> background-size: 100% 참고 CSS background-size: 100%; background-image: url(../images/logo.svg); background-repeat: no-repeat; background-position: 0 0; background-color: #fff;

커밋 메시지 규칙 이미 유명하지만, 커밋 메시지를 작성하는 좋은 규칙들을 공유합니다. How to Write a Git Commit Message AngularJS Git Commit Message Conventions 그 외에, 이번 분석을 통해 생각해 본 간결한 메시지를 위한 또다른 규칙들은 다음과 같습니다: 동명사보다 명사를 사용합니다. 동사를 명사화시키기 보다는 그 의미를 잘 표현하는 명사를 찾아서 사용합니다. 이렇게하면 문장이 장황하지 않고 간결해집니다. 아무래도 영어에 약한 사람들에게 가장 어려운 미션 중 하나가 아닐까 생각됩니다. 관사는 사용하지 않습니다. 꼭 필요한 경우가 아니면 a, an, the는 사용하지 않습니다. 부정문 Don't를 사용합니다. 커밋 메시지를 명령문 형태로 써야 한다..

yarn 은 javascirpt 의 package manager 이다. npm 의 drop-in substitute 로 사용할 수 있는 점이 초기 도입에도 큰 장점이다. 패키지 설치 속도가 더 빠르고, 패키지 설치과정에서 패키지가 code를 running 하지 않도록 하여 더 보안상 안전하다. 또한, 같은 package.json 에 의존하는 두개의 서로 다른 환경이 서로 다른 버전의 패키지 의존성을 가지는 것을 방지하기 위해, 버전의 range 가 아닌, 정확한 버전을 명시한 yarn.lock 파일을 사용한다. # npm install yarn install 또는 yarn # npm i --save yarn add # npm i --save-dev yarn add --dev : --dev 옵션은 -D 와..

공백일 있을 경우 에러 발생 cd ~/Library/Application Support/ No such file or directory 역슬래시를 붙이면 제대로 됩니다. cd ~/Library/Application\ Support/ 터미널에서 명렁어 입력 시 파일명, 폴더명에 공백이 있으면 제대로 인식이 안됨 이럴 때는 공백 앞에 역슬래시(\)를 넣으면 해결

브라우저에서 바로 모든 웹사이트를 편집할 수 있습니다. 디자인 모드가 활성화되면 사용자는 WYSIWYG (What You See Is What You Get) 편집기에서와 같이 문서의 전체 내용을 편집할 수 있습니다. 문서 전체 doucument.designMode = 'on' 단 하나 요소 element.contentEditable React, Angular 등과 같은 프레임워크 This text can be edited!

git branch 이름 변경하는 방법 git checkout // 변경할 branch로 checkout git branch -m // 새로운 이름으로 local branch의 이름을 바꿈 git push origin -u // 새로운 이름으로 된 branch 를 remote에 push git push origin --delete // 변경 전 branch 를 remote에서 삭제 신규 branch 생성 시 로컬에만 생성 연결되어 있는 remote 원격저장소에도 생성하여 다른 사용자와 공유 + 관리 진행 // create new branch // branch name is ddunnim git branch ddunnim // ddunnim branch 생성 git branch -a // git branc..

설치된 글로벌 모듈 확인 npm list -g --depth=0 글로벌 모듈 제거 하기 npm uninstall -g [패키지명] or npm un -g [패키지명] 글로벌 모듈 확인 $ npm list -g --depth=0 console ├── eslint@6.8.0 ├── eslint-config-airbnb-base@14.0.0 ├── eslint-plugin-import@2.19.1 ├── eslint-plugin-prettier@3.1.2 ... 글로벌 모듈 삭제 $ npm uninstall -g console removed 59 packages in 1.03s

.gitignore 파일에 작성 하였다면 add > commit > push 까지 해야 ignore 가 적용 .gitignore가 제대로 적용되지 않아서 ignore 처리된 파일 폴더가 changes에 나올때 기존의 git의 관리를 받고 있던(commit된 것들) 파일이나 폴더를 .gitignore 파일에 작성하고 add > commit > push 하여도 ignore(무시) 되지 않음 git cached 캐시 문제 아래 명령어로 캐시 내용을 전부 삭제후 다시 전체 커밋 git rm -r --cached . git add . git commit -m "fixed untracked files"

Commit 했던 파일 커밋 로그 확인 git log 입력했던 명령어에 대한 기록 git reflog 커밋 시점으로 되돌리기 git reset --hard [commit_id] git reset --hard 25a3bc5 // or git reset --hard HEAD@{3} Commit 하지 않은 파일 git fsck --lost-found git add 단계에서 삭제한 파일은 blob으로 표시 디렉토리도 삭제하신 경우 tree 표시 삭제한 파일 내용 보기 git show 복사한id 삭제한 파일이 hello.txt 형태로 다시 생성 git show 복사한id > 새 파일 이름 git show efsef32r2424323523234 > hello.txt

swiper 슬라이드 적용 시 스와이프 할 때 absolute로 잡은 영역이 뒤로 겹치는 이슈 z-index 대신 아래 속성 추가 transform: translate3d(0, 0, 0); .bottom { position: absolute; right: 10px; bottom: -10px; transform: translate3d(0, 0, 0); }

로그 파일을 확인하는 방법 모든 리눅스 계열이 마찬가지이지만 tail 명령어를 활용하면 log 파일을 동기적으로 확인 sudo tail -f /var/log/nginx/error.log tail의 옵션은 아래와 같이 붙일 수 있습니다. f (1000f) : 파일의 마지막 10라인을 실시간으로 출력해줍니다 (1000f를 입력하면 1000라인을, 100f를 입력하면 100라인을 보여줍니다.) F: 파일이 변경되면 새로운 파일을 오픈하여 보여줍니다. (tail -F)

맥북 M1에서 가끔 Mission control 이 먹통일때 해결방법 입니다. Command + Space (Spotlight로 빠르게 검색) - 활성상태보기 실행 - dock 검색 - dock 강제종료

error: Your local changes to the following files would be overwritten by merge 하나의 브랜치(master)에서 여러 사람들이 작업하다보면 충돌이 발생 수정한 파일을 다른사람이 push한 경우 해당 파일에 충돌이 발생 에러 메세지를 자세히 살펴 보면 사실 해결 방법이 나와 있음 merge, switch branch 를 하기 전에 변경사항을 commit 하거나 stash 하라고 한다. 해결방법 1 : git stash - 현재 디렉토리의 파일을 임시로 백업하고 깨끗한 상태로 돌린다. - 버전관리 되는 대상 파일들을 임시저장 해둔다고 보면 된다. 1) 해당 명령어를 통해 현재 Staging 영역에 있는 파일의 변경사항을 스택에 넣어 둔다. git ..

chrome://flags Tab Groups Save 해당 기능을 활성화 후 브라우저 다시 시작 그룹 저장 버튼 표시됨

Error: listen EADDRINUSE: address already in use :::5000 5000번 포트를 사용 중인 프로세스를 찾아 종료시켜야 하므로 다음 명령어 실행 sudo lsof -i :5000 프로세스를 kill하기 위해 다음 명령어를 실행 kill -9 PID COMMAND 항목을 보니 node가 아닌 ControlCe 확인 Mac AirPlay 모드가 자동으로 켜져있어서 그런거 시스템 환경설정 > 공유 > AirPlay수신모드 끄기

Line Break 설정 (core.eol) core.eol = native - 기본 OS의 설정으로 사용 core.eol = crlf - CRLF로 사용 core.eol = lf - LF로 사용 // 설정 git config --global core.eol native // 조회 git config --global --list|grep core.eol Auto CRLF 처리 (core.autocrlf) core.autocrlf = false - 파일 그대로 check in, check out core.autocrlf = true - CRLF -> LF로 변경 core.autocrlf = input - LF로 사용 // 설정 git config --global core.autocrlf native // ..

자동 분류 설정하는 법 이동하고자 하는 메일주소로 수신한 메일을 선택하시고 마우스 우측 버튼 [규칙] - [받은 메시지 항상 자동 분류 : 송수인 주소 또는 이름] 부분을 선택해 특정 폴더를 선택한 후, [확인]버튼을 클릭 특정 내용이 포함된 메일이 저장될 폴더 선택 홈>규칙>규칙만들기 어떤 편지를 분리할 지 규칙을 설정하신 후, 폴더 선택 상위 폴더로 지정될 폴더를 클릭한 후, 새로 만들기 버튼 새 폴더 이름을 입력 제목에 다음내용 포함 부분에서 원하시는 부분을 작성하시고, 하단에 [폴더 선택...]부분을 클릭

Error: request entity too large 413에러는 body데이터가 크면 발생하는 에러 body데이터를 bodyParser라는 모듈을 추가시키고 미들웨어를 추가 시켜줌으로써 body데이터를 파싱을하게된다. bodyParser에대해서 알아보니. 기본적으로 100Kb까지 body를 실을수 있다고 한다. app.use(bodyParser.json()); // after app.use(bodyParser.json({limit: '50mb'}))

맥에서 소스트리를 설치하고 Push Pull를 할 때 이렇게 매번 gitlab, bitbucket 비밀번호 입력을 요구한다면 osxkeychain 설정이 전역설정되어있지 않아 발생함 아래 명령어를 터미널에서 입력하면 해결 git config --global credential.helper osxkeychain

fatal: remote error: CAPTCHA required Your Bitbucket account has been locked. To unlock it and log in again you must solve a CAPTCHA. This is typically caused by too many attempts to login with an incorrect password. The account lock prevents your SCM client from accessing Bitbucket and its mirrors until it is solved, even if you enter your password correctly. If you are currently logged in to B..

/Users/계정정보/.config/filezilla/sitemanager.xml 사이트 접속 정보 백업 위치

소스를 clone할 폴더 생성 생성한 폴더 안으로 이동 후 git init git config core.sparseCheckout true git remote add -f origin // -f 옵션은 --fetch와 동일한 옵션으로 remote를 연결함과 동시에 fetch를 통해 파일을 가져온다. echo "src/main/webapp/resources" >> .git/info/sparse-checkout git pull origin master

22 : SSH 80 : HTTP 443: HTTPS Port No. Protocol Service Name Aliases Comment 20 TCP ftp-data File Transfer 21 TCP ftp FTP Control 23 TCP telnet Telnet 25 TCP smtp mail Simple Mail Transfer 42 TCP nameserver name Host Name Server 42 UDP nameserver name Host Name Server 53 TCP domain Domain Name 53 UDP domain Domain Name Server 80 TCP http www, http World Wide Web 88 TCP kerberos krb5 Kerberos 88 ..

MacOS 패키지 관리자 brew를 사용해서 설치 Homebrew The Missing Package Manager for macOS (or Linux). brew.sh ==> Next steps: - Add Homebrew to your PATH in /Users//.zprofile: echo 'eval "$(/opt/homebrew/bin/brew shellenv)"' >> /Users//.zprofile eval "$(/opt/homebrew/bin/brew shellenv)" - Run `brew help` to get started - Further documentation: https://docs.brew.sh Next Steps에 나온문구를 복사해서 그대로 터미널에 입력 후 echo 'eva..

nodejs 와 node-sass 버젼 호환 Nodejs 최신 버전으로 업데이트 하고 나니 기존 gulp쪽에서 아래와 같은 에러가 발생하였습니다. gulp 실행에러 메세지 Node Sass does not yet support your current environment: Windows 64-bit with Unsupported runtime Error: Node Sass does not yet support your current environment: OS X 64-bit with Unsupported runtime (83) For more information on which environments are supported please see: 보통 노드 버전을 업데이트 한 뒤에 나오는 에러 메세지..

원격 데스크톱 연결하면 상단에 뜨는 파란색 연결 표시줄 마우스 오버할 때마다 나타나서 성가시거나, 성가셔서 아예 고정해두셨다면 원격 데스크톱 연결시 [연결 표시줄 표시]를 끄면 연결 표시줄 없애 놓고 사용도 가능하더라고요 다시 연결표시줄 띄우는 건 집 컴퓨터가 데탑이면 ctrl + alt + home (안되면 ctrl + alt + pause/break (Pa/Br) 키) 노트북은 ctrl + fn + alt + home / 입니다..!

로컬 또는 빠른 네트워크 환경에서 테스트하는 경우 비디오가 빠르게 로드됨 즉 loadedmetadata, 이벤트 리스너를 설정하는 스크립트가 실행되기 전에 브라우저가 실행 반면에 비디오를 로드하는 데 시간이 조금 더 오래 걸리는 느린 네트워크를 통해 테스트하는 경우 브라우저에서 이벤트를 실행하기 전에 스크립트가 실행될 수 있습니다. 이벤트를 받는지 여부는 단순히 네트워크 조건, 비디오가 캐시되었는지 여부, 마크업에서 TCP 패킷 경계가 발생한 위치에 따라 달라짐 해결방법 아래 두가지 방법은 네트워크 환경에 관계없이 loadedmetadata 이벤트 리스너가 미리 등록되어 있기 때문에 항상 이벤트가 발생됨 1. 요소에 속성으로 이벤트 추가 2. 자바스크립트로 비디오 요소 생성 후 이벤트 추가 var vid..