let's get IT with DAVINA 💻

window.open(새창 열기) 웹브라우저에서 새창(팝업창) 열기 window.open('팝업주소', '팝업창 이름', '팝업창 설정'); window.open(url, name, option); window.open( res.data.url, "카카오톡 결제", "top=100px, left=100px height=800px, width=500px" ); url 새창(팝업창)에 보여질 주소, 기본값: blank ⇒ 빈 창이 보임 name 새로 열릴 창의 이름 또는 속성 지정 기본값: _blank (새 창으로 연다) _parent: 부모 프레임에 열린다. _self: 현재 페이지를 대체한다. _top: 로드된 프레임셋을 대체한다. _name(임의의 이름): 새 창이 열리고 창의 이름 지정 option ..

const ReviewContent = styled.div` text-overflow: ellipsis; //말 줄임표 생략기호 overflow: hidden; //넘어간 부분(글자) 안보여주기 white-space: nowrap; //여러줄 안보이게 하기 `; return ( {review.content} {review.content.length >= 30 ? ( 더보기 {openModal ? ( ) : null} ) : ( "" )} )

Position 문서 상에 요소를 배치하는 방법을 지정한다. top, right, bottom, left 속성을 통해 요소의 최종 위치를 결정한다. 사용법 기준을 잡는다. (ex. position: relative;) 이동시킨다. (ex. top: 50px;) block : 한 줄 모두 차지 (대표 element - , ) inline : 콘텐츠 크기 만큼만 차지 (대표 element - ) 값 의미 static 기준 없음 (배치 불가능 / 기본값) relative 요소 자기 자신을 기준으로 배치 absolute 부모(조상) 요소를 기준으로 배치 fixed 뷰포트 기준으로 배치 stickey 스크롤 영역 기준으로 배치 Relative 요소를 일반적인 문서 흐름에 따라 배치한다. 요소 자기 자신의 원래 위..

TypeScript Javascript with syntax for types a strongly typed programming language that builds on JavaScript, giving you better tool at any scale JS의 타입 안정성 ⬆ 버전! TypeScript & VS Code ⇒ 둘 다 Microsoft에서 개발해서 죽이 잘 맞아 JavaScript VS TypeScript JS ⇒ 개발자들이 멍청한 실수를 해도 이해해주려 하는 유연한 언어 [1,2,3,4]+ false(boolean) = “1,2,3,4false”(string) ⇒ TS는 말도 안되는 호출을 허용하지 않음 문제있는 호출을 유저의 컴퓨터에서 이미 실행하고 나서 에러라고 말해줌 이것이 런타..

Git과 Github 사용법을 블로깅하며 카테고리를 분류하는데 문득 이 둘의 차이를 명확히 알고 있는지 궁금해졌다. Git 소스 코드를 효율적으로 관리하기 위해 만들어진 분산형 버전 관리 시스템 VCS: Version Control System 소스 코드 수정에 따른 버전을 관리해주는 시스템 로컬 저장소를 사용 (다른 개발자와 협업의 개념 X) Github 분산 버전 관리 툴인 Git을 사용하는 프로젝트를 지원하는 웹호스팅 서비스 언제, 어디서나 협업이 가능 로컬에서 버전 관리한 소스코드를 클라우드 서버를 사용하여 업로드해서 공유 가능 Git으로 로컬 저장소에서 작업 -> Github에 업로드 & Github에 있는 작업물을 내려받아와서 작업 Local Repository : 내 PC에 저장되는 개인 전..

1. main (배포용) 현재 코드임 → 얜 건들지 말고 일단 안전 → 4번 과정까지 다 완성되면 merge해서 배포! 2. develop (개발용) 3번 feature에서 잘되면 develop 브랜치에 merge하고 3. feature (develop에 기능추가용) 분류를 세세하게 나누기를 원하는 회사에서는 refactor, fix, docs, chore와 같이 세세하게 커밋 메시지나 브랜치 명에 prefix를 달기도 합니다. hash (브랜치 명) 커밋 메시지 2f85eea (feat/create-todo) feat: Todo 추가 기능 2ad0805 (fix/var-name) fix: 변수 네이밍 컨벤션에 맞게 변수명 변경 (ismale => isMale) e7ce3ad (refactor) refa..

⭐ git ⇒ 버전 관리 프로그램 repository ⇒ git이 파일 기록해두는 장소 원격 저장소 = 온라인 repository - 컴퓨터 고장나도 안심 - 협업이 가능 - ex) github 내 코드 올릴 땐? git push //local 환경에서 repository 생성 git init //기본브랜치 이름을 main으로 바꾸기 git branch -M main //로컬 -> 원격으로 보내기 git push -u 원격저장소주소 올릴로컬브랜치명 //원격저장소주소 넘 길어서 -> 변수 문법 사용하기 git remote add 변수명 주소 git push -u 변수명 올릴로컬브랜치명 //으로 사용 가능해짐! //-u를 사용하면 그 이후부터 주소가 기억되기 때문에 git push //만 해도 자동으로 보내..

파일 복구하기 //바로 전 commit 시점으로 파일 복구하는 법 git restore 파일명 //특정 commit 시점으로 파일 복구하는 법 git restore --source 커밋아이디 파일명 //staging 취소하는 법 git restore --staged 파일명 commit 취소하기 git revert 커밋아이디1 커밋아이디2 //최근 커밋 취소 git revert HEAD 과거로 모든걸 되돌리기 git reset --hard 커밋아이디 //리셋인데 변동사항 지우지 말고 스테이징 해놓기 git reset --soft 커밋아이디 //리셋인데 변동사항 지우지 말고 unstage 해놓기 git reset --mixed 커밋아이디 🚫 ERROR ISSUE 팀원분이 dev/front에서 수정 중에, 내..