일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
31 |
- Stack
- useCallback
- useMemo
- grid
- TAILWIND
- FIGMA
- Javascript
- CSS
- axios
- EC2
- docker
- hook
- 해시
- SSR
- Babel
- Next.js
- express
- Taillwind
- github
- webpack
- render
- 프로그래머스
- TypeScript
- git
- 피그마
- FigJam
- HTML
- 자료구조
- react
- 코딩테스트
- Today
- Total
목록2023/12/12 (5)
나는 오늘도 멋있다
이전 글에서는 Home component를 다루는 page.tsx에서 nav의 기능을 다루도록 하였다. 하지만 나의 프로젝트 특성상 nav기능은 모든페이지에서 적용되므로 다시 Layout.tsx에서 그리도록 변경하였다. next.js의 파일구조를 명확하게 파악하지 못하여 발생한일이다. 사진과 보다시피 사이드에서 nav가 위치하고 있고 모든 내용들이 가운데에서 렌더링 되도록 하려는 구조였다. next.js 페이지 단위로 로드가 이루어진다는 생각에 메인 page.tsx에 nav기능을 넣은거 였다. 코드는 변경된것이 없다. 다만 코드의 위치변경을 해주었다. 이러한 점은 Login창을 구현하려할때 발견하였다. 기본적으로 유지되어야하는 Layout이 적용되지 않아서 알게 되었다. 아마 React의 영향이 아닌가 ..
1. 로컬브랜치 확인하기 git branch 2. 로컬브랜치 삭제하기 // git branch -d git branch -d yellow 3. merge되지 않은 로컬 브랜치 강제 삭제하기 //git branch -D git branch -D yellow 1. 원격브랜치 확인하기 git branch -r 2. 원격브랜치 삭제하기 // git push origin -d git push origin -d yellow
1. 로컬에서 변경할 브랜치 확인하기 git branch 2. 로컬 브랜치명 변경하기 // git branch -m [original_branch] [new_branch] git branch -m oldbracnh youngbranch 3. 변경된 로컬 브랜치명 확인하기 git branch 4. 원격 저장소에 반영하기 // git push origin :original_branch new_branch git push origin :oldbracnh youngbranch 5. 변경한 브랜치로 이동한후 기존에 가리키던 원격 브랜치경로 삭제 git branch --unset-upstream 6. 변경된 브랜치와 원격브랜치 맞춰주기 //git push --set-upstream origin git push --..
상황(강제로 진행하는거기 때문에 개인프로젝트 할경우만 사용 !비추천) sub브랜치에서 하나의 기능을 완성한후에 main 브랜치로 merge를 했다. 이후 sub브랜치에서 조금한 수정사항이 생겨서 변경후에 기존 merge를 취소하고 다시 merge하려 한다. 1. main 브랜치로 이동 // git switch git switch main 2. 로컬 과 원격 저장소의 main 브랜치 상태를 맞춰준다 // (HEAD->main) // git pull origin git pull origin main 3. 병합전 commit 해시를 확인 // git의 참조 이동과 관련된 로그를 확인함 git reflog 4. 돌아갈 commit 을 입력하여 상태돌리기 // git reset --hard git reset --..
4 ~ 8 일사이에 많은 일들이 있었다. 당연히 아르바이트 때문에 조금만 작업한 날도 있었지만.... Tailwind가 속을 썩있는 바람에... css 프레임워크는 처음써본다. 기본적으로 React에서는 styled-component를 사용했었고, css파일에 클래스를 정의하여 사용도 해봤다. 그래서 그런지 가독성이 떨어지는 부분이 있긴하다. 또한 유틸리스 클래스를 모르니 공식홈페이지를 보면서 적용하는것도 시간이 들어갔다. 초기작업이라 기본적인 css설정을 해놓고 추가로 설정들을 넣어볼예정이다. 태그 초기화는 할게 많지만 그때그때 필요한 부분만 하는게 좋을것같아서 아직 다하지는 않았다. router-button 클래스는 기본적으로 페이지를 이동하는 Link 태그의 css인데 많이 사용할거 같아 따로 빼두..