JUSTCODE

border도 padding, margin처럼 width를 가진다(padding > border > margin 순서)padding, margin이 적용돼 있을 때는 최종적인 width값을 가늠하기 어렵기 때문에box-sizing: border-box;를 사용하여 wi

변수명에서 첫 글자는 반듯이 string 또는 \_ 또는 $를 사용한다

css selector는 적용되는 우선순위가 있다이 때, 우선순위 값이 합쳐져서 우선도가 높아진다굳이 써야하는지는 모르겠다

터미널 사용 방법로컬 레포지토리 생성 후 리모트 레포지토리에 연결브랜치 생성, 이동git add, commit, pushgetElementBy-()는 유사배열인 HTMLCollector를querySelectorAll은 유사배열인 NodeList를 반환한다HTMLColl

비동기 이벤트 기반의 자바스크립트 런타입 환경서버에 대한 js 프레임워크httpie를 사용하여 터미널에서 요청을 보낼 수 있다설치 방법: brew install httpiereq.url, req.method 등의 req 정보와 조건문을 통해 실행 내용을 구분할 수 있다

react:MVC(Model-view-controller) Architecture인 Angural, Vue와 다르게리액트는 오로지 view만을 담당한다Virtual Dom(가상 돔)을 통해 UI를 업데이트한다CRA:Create-React-App리액트 프로젝트를 시작하는

kodaKata

인증/인가

KodaKata

처음으로 하는 팀 프로젝트인 동시에, 백엔드와 함께 작업하는 첫 번째 프로젝트이다목적:이미 완성된 사이트를 팀원과 최대한 동일하게 구현해보며사이트를 구현하는 작업의 흐름을 파악하는 것클론 대상 사이트:https://grafolio.naver.com/works/

협업 시, main브랜치에 바로 푸시하는 것이 아니라각자의 브랜치에 푸시한 뒤, 에러나 기존 코드와 충돌을 확인하고팀원의 승인을 거쳐 develop브랜치와 merge(병합)하는 과정을 가진다협업 시에는 코드 작업 전, git pull로 최신 코드를 불러온 뒤 작업을 해

8일차: 업로트 관련 포스팅을 정리하고 로직을 수정한 뒤, 백엔드 팀원과 만나 통신 테스트를 하여, 이미지 전송에 성공했다이후 게시글 작성 페이지 레이아웃과 게시글 작성 시 전송할 데이터를 모으는 로직을 구현을 시도해보았다수요이 데드라인이라 시간이 얼마 남지 않았지만전

클론 대상 사이트:https://grafolio.naver.com/works/list.grfl프론트 깃허브 페이지:https://github.com/wecode-bootcamp-korea/justcode-7-1st-photofolio-front백엔드

1일차:전체 회의에서 사이트 선정 후,구현 범위를 정하고 사이트를 분석하여 점심 쯤 파트 분배가 끝났다이후 담당 파트에서 어떤 데이터를 사용하는지 살펴보았다필터링 된 데이터를 화면에 보여줘야 하고 반복적으로 컴포넌트를 넣어야 하는 부분이 많아서 어떤 형태로 데이터를 사

기본적으로 리액트에서는 지역적으로 상태를 관리하며다른 컴포넌트로 상태를 넘겨줄 때 props를 사용할 수 있다하지만 컴포넌트가 복잡해짐에 따라 상속되는 경로가 길어지면서 상태의 관리가 복잡해질 수 있기 때문에reducer hook을 통해 상태를 전역으로 선언하고 관리할

8일차:팀원간 reset.css를 통일하지 않아 레이아웃 문제 발생팀 전체적으로 모니터 크기에 따라 화면이 깨지는 현상 발생git 버전 문제로 발생한 충돌 해결(develop branch는 꾸준히 업데이트 해줘야 한다)<오늘 한 작업>마이페이지 레이아웃9일차:

클론 대상 사이트:https://www.megabox.co.kr프론트 깃허브 페이지:https://github.com/wecode-bootcamp-korea/justcode-7-2nd-jegabox-front백엔드 깃허브 페이지:https:/

안쓰는 주석 지우기변수명은 명사로, 함수명은 동사로 네이밍하기data같이 포괄적인 변수명은 지양하고, 구체화된 변수명을 지향하기직관적으로 알 수 없는 값(다차원 배열값 등)은 변수화해서 사용하기반복 코드는 map을 사용하기랜더링 할 값이 없을 때는, 빈태그를 랜더링하지

1차 프로젝트 팀원과 함께 첫 프로젝트였던 그라폴리오 클론 사이트를 개선 및 리팩토링하는 미니 프로젝트를 시작하였다map을 사용 할 때, 항상 조건부랜더링을 해주는 것이 좋다(통신에 실패했을 때, 통신 에러로 사이트가 터지는 것을 방지해줌)map을 사용 할 때, key

저스트 코드 마지막 과정인 페스트 파이브의 프리온 보딩 시작깃허브: https://github.com/RBGonion/justcode-7-fastfive-team1-front트렐로:https://trello.com/b/OA6LykiR/랄라라사전 회의: