전체 글 (15) 썸네일형 리스트형 [CSS] 영역을 벗어난 글자를 말줄임표로 처리하는 법 : text-overflow 1. 적용 예시 아직 CSS 설정이 덜 되어있는 모습이 신경쓰이지만 이정도는 참아주자. 2. 영역을 벗어난 글자를 말줄임표로 처리하는 법 1. 이론 아래와 같은 CSS 속성을 사용하여 문제를 해결할 수 있다. white-space : 공백 처리 방법을 설정하는 속성. 공백 축소 여부 및 축소 방법, 줄바꿈 여부를 설정할 수 있다. overflow: 영역을 벗어나는 컨텐츠의 처리 방법을 설정하는 속성. text-overflow: 텍스트가 영역 밖을 벗어날 경우 해당 텍스트를 어떻게 처리할 것인지 설정하는 속성. text-overflow의 사용 조건 1. 영역이 block 속성일 것. 2. width 또는 height가 고정적일 것. 3. white-space: nowrap;을 사용해 줄바꿈을 막을 것. 4.. [Git] git commit 취소 1. git commit 목록 확인 git log 2. git commit 취소 명령어 git reset --soft HEAD^ // 가장 최근에 한 commit을 취소하고 해당 파일들을 staged 상태로 보존 git reset --mixed HEAD^ // 가장 최근에 한 commit을 취소하고 해당 파일들을 unstaged 상태로 보존 git reset HEAD^ // 위와 동일 ※ 가장 최근에 한 commit 부터 ^의 개수만큼 취소한다. git reset HEAD^^ // 최신순 2개의 commit을 취소하고 unstaged 상태로 보존 git reset HEAD~2 // 위와 동일 3. commit 메시지만 변경하고 싶을 때 git commit --amend [Git] 작업 내용 임시 저장 : git stash 진행 중인 작업을 스택에 임시 저장할 수 있도록 하는 명령어. git pull을 하거나 브랜치를 옮기고 싶은데 현재 작업 상태가 commit 하기엔 애매할 때 사용 1. 임시 저장 git stash 새로운 stash를 생성하여 스택에 저장함 2. stash 목록 확인 git stash list 3. stash 꺼내기 (보관했던 작업을 꺼내어 적용) git stash apply // 가장 최근에 보관한 stash를 적용 git stash apply {적용할 stash의 이름} // 해당 stash를 적용 ※ git stash apply --index // staged 상태까지 복원하고 싶을 때 사용하는 명령어 ※ apply만 할 경우 stash는 스택에 여전히 남아있음. 4. stash를 꺼내어 적용함과 .. [Git] branch 생성, 조회, 수정, 병합, 삭제 방법 (Local) Local Repository에서의 브랜치 관리 방법 1-1 . branch 생성 git branch {브랜치 이름} ※ 브랜치 생성 후 git checkout {브랜치명} 명령어로 해당 브랜치로 이동 1-2. branch 생성 후 바로 해당 브랜치로 이동 git checkout -b {브랜치 이름} 2. branch 목록 조회 git branch // 로컬 브랜치 목록 조회 git branch -r // 원격 브랜치 목록 조회 git branch -a // 모든 브랜치 목록 조회 3. branch 이름 변경 git branch -m {새로운 브랜치 이름} // 현재 위치한 branch의 이름을 변경 git branch -m {A} {B} // A branch의 이름을 B로 변경 4. branch 병합 .. [React] useNavigate : 특정 행동에 따른 주소 이동 기능을 넣고 싶을 때 사용 (useHistory의 업그레이드 버전) 본문 작성 이유 : react v6 부터는 useHistory 대신 useNavigate를 사용함 이거 기억하려고 사용방법 1. 리액트 라우터 돔이 설치되어 있어야 함. 근데 아마 라우터 설정하느라 이미 설치해놨을 것임. 그래도 또 적어둠. npm install react-router-dom 또는 yarn add react-router-dom 2. 사용하려는 파일에 import import { useNavigate } from 'react-router-dom'; 자세한 사용방법은 나중에 생각나면 정리해두자 Git 명령어 : 로컬 브랜치와 원격 브랜치 연결 협업 프로젝트를 하며 알게된 것. 이미 존재하는 repository를 clone해 온 뒤, 여러 원격 브랜치 중 특정 원격 브랜치에 연결하고 싶을 때 사용하는 방법 1. GitHub에서 원하는 repository를 clone함. 2. 해당 폴더의 터미널에서 다음과 같이 입력 git remote update // 리포지토리에 존재하는 원격 브랜치 목록을 가져옴 // 기본 연결은 아마 main(로컬) -> origin/main(원격) 으로 되어있을 것임 // 다른 브랜치에 연결하고 싶다면 아래 명령어를 입력함 git checkout -t {연결할 원격 브랜치 이름} // 해당하는 원격 브랜치를 따라가는 새로운 로컬 브랜치를 생성하고, 해당 로컬 브랜치로 전환됨. 3. git status를 입력하여 브랜치가 .. NVM(node version manager) CLI 명령어 모음 1. NVM 설치 https://github.com/nvm-sh/nvm#install-script GitHub - nvm-sh/nvm: Node Version Manager - POSIX-compliant bash script to manage multiple active node.js versions Node Version Manager - POSIX-compliant bash script to manage multiple active node.js versions - GitHub - nvm-sh/nvm: Node Version Manager - POSIX-compliant bash script to manage multiple active nod... github.com 2. 노드 버전 확인 node.. [Q03] LargestProductOfThree 1. 문제 정수를 요소로 갖는 배열을 입력받아 3개의 요소를 곱해 나올 수 있는 최대값을 리턴해야 합니다. 1 - 1) 입력 인자 1 : arr number 타입을 요소로 갖는 임의의 배열 1 - 2) 출력 number 타입을 리턴해야 합니다. 1 - 3) 주의사항 입력으로 주어진 배열은 중첩되지 않은 1차원 배열입니다. 배열의 요소는 음수와 0을 포함하는 정수입니다. 배열의 길이는 3 이상입니다. 1 - 4) 입출력 예시 let output = largestProductOfThree([2, 1, 3, 7]); console.log(output); // --> 42 (= 2 * 3 * 7) output = largestProductOfThree([-1, 2, -5, 7]); console.log(outp.. 이전 1 2 다음
