본문 바로가기

분류 전체보기267

#TIL #211018-1024 (MEGABOX site clone - 2차 프로젝트의 날들) 10월 18일 (월) 오늘 한 것 MEGABOX Clone project Planning meeting CRA 초기 세팅 후 github에 push (repository) 패키지 간의 종속성 : 각 모듈 패키지는 다른 모듈을 참조한다. 버전 별로 필요한 패키지 버전이 달라질 수 있다는 것. Styled-Components 학습 Header 레이아웃 진행 mock데이터(상수데이터)와 map 함수를 사용하여 메뉴리스트 구현 10월 19일 (화) 오늘 한 것 Git Rebase - 실습 MEGABOX Clone project Header 레이아웃 진행 메인메뉴 hover시 해당 메뉴의 하위 메뉴 출력 10월 20일 (수) 오늘 한 것 React Hooks 세션 듣기 MEGABOX Clone project He.. 2021. 10. 31.
[React]Link컴포넌트 사용 시 TypeError TypeError: Cannot read properties of undefined (reading 'pathname') ... import { Link, withRouter } from 'react-router-dom'; ... class Search extends Component { ... goToMovie = () => { const { movieTitle } = this.state; const { history } = this.props; if (0 < movieTitle.length) { history.push('/movies'); } else { alert('영화 이름을 입력하세요'); } }; ... render() { return ( ); } } const SearchButton = st.. 2021. 10. 31.
[Team project] 🍿MEGAFOX 🎞 - 회고 MEGAFOX 팀 프로젝트 📆 진행 기간 2021.10.18 ~ 2021.10.29 💻 기술 Front-end View : React Build Tool : Create React App Library : react-router-dom Styled Components (with css3, sass) Code Quality Tool : ESLint, Prettier Back-end Python, Django, MySQL Infrastructure : AWS 🖇 사용 협업 툴 VCS : Git & Github Communication : Slack Task Management : Trello 🦊 팀원별 역할 Front-end github 공통 CRA 초기 세팅 강단 header(Nav, 유저 정보 등 확인 .. 2021. 10. 31.
[Git] rebase 시 주의할 점 error: 이전 커밋 없이 'squash' 수행할 수 없습니다 error: 이전 커밋 없이 'squash' 수행할 수 없습니다 git add git commit git rebase -i master 위 명령어 진행 후, pick 수정. 그리고 error: 이전 커밋 없이 'squash' 수행할 수 없습니다 라는 문구만났다. 문제는 가장 기존 commit의 순서에 상관없이 원하는 메세지가 적인 commit을 pick한 것. ❗️❗️ Rebase를 하는 동안 squash 시를 할 때 주의 할 점❗️❗️ 1. 가장 오래된 commit을 pick 해야함. 내가 원하는 commit 메세지를 pick 하면 안된다. 2. 다른 커밋 메세지난 가장 오래된 commit을 기준으로 squash 한다. 그렇다고 다른 커밋의 내역이 없어지는게 아니다. 3. ESC > :wq로 수정사항을.. 2021. 10. 26.
[Git] git pull오류 - 병합 때문에 추적하지 않는 다음 작업 폴더의 파일을 덮어씁니다 !! 주의 공신되지 않은 공부용으로 작성한 기록입니다. 내용은 계속 추가, 수정될 수 있습니다. 내 작업 브랜치가 merged되었다. master에서 pull을 받았다. git pull origin master 엔터! 오류가 났다. https://github.com/wecode-bootcamp-korea/25-2nd-MEGAFOX-frontend URL에서 * branch master -> FETCH_HEAD 업데이트 중 dd8da07..122fa77 error: 병합 때문에 추적하지 않는 다음 작업 폴더의 파일을 덮어씁니다: src/components/Header/Nav/NavData.js 병합하기 전에 이 파일을 옮기거나 제거하십시오. 새로 pull을 받은 팀원들은 문제가 없다. 그럼, 내 local.. 2021. 10. 25.
[Git/Github/vscode]파일명 수정 후 push시 반영 안되는 현상 이번에 만난 문제. github에 push시 '변경된 파일명'이 반영되지 않는 현상. 과정 1. 내 브랜치에서 한 파일명을 변경함 (camel case에서 pascal case로 변경) navData.js파일을 NavData.js 파일로 변경. 2. 작업 이어 진행. 3. push함. (깃헙에 PR하고 템플릿 적음. changed에서 변경, 추가된 코드는 살폈지만 변경된 파일명이 적용됐는지 확인 안함. 확인할 생각도 못함) 4. master브랜치에 merge된 것을 확인. 5. master 브랜치로 이동후 git pull origin master로 mater 상태를 업데이트함. 6. 업데이트한 프로젝트에 경로 오류가 있어 확인. navData를 호출했던 코드에서는 NavData로 수정한 것이 반영되었는데.. 2021. 10. 23.
[React]map함수 unique "key" prop 에러(Fragment에 속성 적용) Warning: Each child in a list should have a unique "key" prop. React에서 map함수를 사용하는 것에 재미가 들려 여기저기 사용해보던 중. 다음과 같은 코드에서 에러가 지속되었다. index.js:1 Warning: Each child in a list should have a unique "key" prop. {NAV_DATA.map(({ id, name, link, menu }) => { return ( this.setHoverMenu(id)}> {name} {id === hoveredMenuId && } ); })} 이리보고 저리보고 다시 봐도 나는 '각 자식 요소에 유니크한 키 값 key={id}부여하고 있었다. (고 생각했다.) ✅ map 함수.. 2021. 10. 23.
[Font] 영문/한글 폰트 CDN 영문 폰트 구글 폰트 (무료 but 상세 라이센스는 확인 필) https://fonts.google.com/ Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com 한글 폰트 네이버 나눔폰트(무료) https://hangeul.naver.com/2021/fonts/nanum 네이버 한글한글 아름답게 6만여 명의 사용자와 만든 마루 부리 5종을 배포합니다. hangeul.naver.com 2021. 10. 18.

티스토리툴바