>wecode 13 Westagram React Kickoff

1. Codekata with 정원님

idea -> 구현은...!?!?!?! 😂
str을 첫번째 알파벳부터 하나씩 알파벳을 비교해서 다르면 새로운 단어를 만들고, 같으면 계속 비교한다.
-> 새로운 단어들을 모아 길이를 비교하고 가장 긴 단어의 길이를 return한다.

String 형인 str 인자에서 중복되지 않은 알파벳으로 이루어진 제일 긴 단어의 길이를 반환해주세요.

str: 텍스트
return: 중복되지 않은 알파벳 길이 (숫자 반환)

예를 들어,
str = "bcabcabc"
return 은 3
=> 'abc' 가 제일 길기 때문

str = "aaaaa"
return 은 1
=> 'a' 가 제일 길기 때문

str = "sttrg"
return 은 3
=> 'trg' 가 제일 길기 때문

2. L.O.V.E 면담 with 퍼포먼스 코치 영은님

사전 설문조사와 성격유형 검사를 바탕으로 진행. ISTJ와 ENFP의 일대일면담 ^+^

• wecode에서 ISTJ 같지 않다는 말 자주 듣네~~~
• 팀 프로젝트를 통해 소통능력을 기르자~~ 개발자 문화는 소통, 공유하는 문화!
• react의 기능을 하나하나 알아가는 게 너무 재밌당 -> 아주 좋은 현상!
• 도움을 요청하는 것보단 혼자 공부하는 습관은 문제가 아니다.

위코드가 추구하는 방향이 혼자 구글링하고 혼자 고민하고 배우는 것!
-> 질문을 많이 하지 않는다고 해서 고민하지 말 것!

3. Westagram React Kickoff by 멘토 준식님

• 바닐라JS로 구현한 기능과 React로 구현한 기능 비교 블로그 써보기!
• Westagram 팀 프로젝트 kickoff

4. Westagram 팀 프로젝트

with 근화, 상연, 우영님

CRA 초기 세팅

• Main.js 에서 사용되는 컴포넌트는 Main 폴더 하위에서 해당 컴포넌트 폴더를 생성해서 관리
  ex) Main폴더 - Article 폴더 - Article.js, Article.scss
• Components 폴더에서는 모든 페이지에서 사용되는 컴포넌트(ex. Header, Footer)를 관리
  ex) Components 폴더 >>> Nav 폴더 >>> Nav.js, Nav.scss
• reset.scss - default css 속성 초기화
• common.scss - 함께 쓰는 공통 css 속성(ex. theme color)

    %flexCenter {
    	display: flex;
    	align-items: center;
    	justify-content: center;
    }

    // sass 파일에서
    @import '../common.scss'

    .logo {
    	@extend %flexCenter
    }

git-hub

git-hub master에 초기세팅 push하고 각자 노트북에 clone하기

문제 1. 초기세팅 push할 때 폴더 안에 파일이 없으면 clone에서 불러오지 못한다
문제 2. master에 변경사항이 생겼을 경우 master에 push하기 전에 pull을 먼저 해야한다.
문제 3. clone받은 파일 내 문법 오류가 있을 경우, 내 경로의 페이지를 보려고 해도 오류가 발생한다.