Today I Studied 리액트 입문 주차 1주차: 2회 TodoList 만들기계획 WireFrame 기초기능구현 todo 등록 제목, 내용 입력 후 추가하기 버튼으로 Working section에 카드 형태로 등록 todo 분리하기 (Working, Done) Working Section에 분류 된 todo의 '완료' 버튼 클릭 시, Done Section으로 이동 Done Section의 '취소' 버튼 클릭 시, 다시 Working Section으로 이동 컴포넌트를 README에 작성하기, 추가기능 todo 분류 Section을 감싸는 틀 추가 Daily, Weekly... todo 분류 Section 증가 Working Section 안에 '학습', &..

Today I Studied 리액트 입문주차 1주차: 완강1 Component & Rendering 실습 - 카운터 앱 만들기 Styling 반복되는 컴포넌트 처리하기 컴포넌트 분리하기 TodoList 만들기 PS Programmers/코딩기초트레이닝/Day21: 전국대회 선발 고사, Day22: 0 떼기 Study Programmers/코딩기초트레이닝/Day12 특강: 연봉 1억 받는 대기업 개발자 되는 법 ==> 과감히 스킵해도 될 뻔..., 🕰️ 오늘의 공부 시간: 09:14

Today I Studied 리액트입문주차 1주차 오리엔테이션 리액트에서 자주 쓰이는 자바스크립트 개발 환경 세팅 CreateReactApp 컴포넌트 소개 부모 자식 컴포넌트 JSX(JavaScript + XML) Props의 개요 Props Childeren Props 추출 State 불변성&순수함수 Component&Rendering Today I Learned SEO(Serach Engine Optimization): 구글 등의 검색엔진. 얕은복사 vs 깊은복사: obj 복사할 때 단순히 equal로 복사하면, 주소값이 복사가되어 둘중에 하나의 값을 변경하면 둘 다 변경이 되는 이슈가 있음. .JSON.parse(stringfy)류의 방법을 사용하여 새로운 주소값을 만드는 방식의 깊은복사로 이러한 ..

Weekly I Studied Team Project: 영화 소개 페이지 만들기 Pagination 기능 구현 구현범위 main Page에 기능을 도입하여, 영화 가드가 6장씩 나오도록 함 전체 카드 개수에 따라 동적으로 페이지 버튼이 나타나도록 구현 다음/이전 버튼으로 페이지 이동이 가능하게 함 현 페이지 버튼의 색깔을 다르게 나타나게 함 보안해야 할 점 전체 카드를 나타내는 상태에서는 기능구현이 가능하나, 특정 조건으로 분류할 때에는 기능구현이 되지 않음. 마지막 페이지에서 다음 버튼을 누를 경우 처음 페이지로 돌아가는 기능 추가 1 페이지 밖에 없는 경우에 다음/이전 버튼 클릭 시 페이지가 하나만 있습니다 안내문 팝업 PS Study: Programmers/코딩기초트레이닝/Day9-11 Progra..

Today I Studied Team Project: Movie Page pagination 현재 페이지를 특정 색깔로 표시하기 기능 구현 PS Programmers/코딩기초트레이닝/Day20/배열 비교하기, 문자열 묶기, 배열의 길이에 따라 다른 연산하기 Programers/코딩기초트레이닝/Day11 Study JS 객관식 문제: 1 ~ 3 팀 프로젝트 과제 코드리뷰 특강 SPA 특강 🕰️ 오늘의 공부 시간: 8:04

문제 문자열 배열 strArr이 주어집니다. strArr의 원소들을 길이가 같은 문자열들끼리 그룹으로 묶었을 때 가장 개수가 많은 그룹의 크기를 return 하는 solution 함수를 완성해 주세요. 제한사항 1 ≤ strArr의 길이 ≤ 100,000 1 ≤ strArr의 원소의 길이 ≤ 30 strArr의 원소들은 알파벳 소문자로 이루어진 문자열입니다. 전략 obj를 만들어, strArr 요소들의 길이를 key, 횟수를 value로 지정 obj 안의 value들을 비교하여 최고의 value 반환 코드 func solution(strArr) { let answer = 0; let obj = {}; strArr.forEach(ele => { let leng = ele.length; obj[leng] =..