kyunghoonk00k

오늘 한 일 입문주차 개인 과제 완료하기 x 패캠 react 김민태개발자님 강의 듣기 o react기초 강의 듣기 o 오늘 느낀 것 props 참 오묘하게 이해가 안 된다.. 패캠 react 김민태 강의 입문자용 아님X 실전프로젝트 매니저님 컨펌 받고 많이 바뀜 const onChange = (key, value) => setToDo({ ...toDo, [key]: value }); // []를 해줘야 쓸 수 있음 [key]:value를 toDo 배열에 넣음 내일 할 일 입문주차 개인 과제 완료 파이썬 완강

오늘 한 일 주특기 입문 완강 팀프로젝트 완료 스터디 준비 228까지 입문주차 개인 과제 오늘 느낀 것 const [ value, setValue ] = useState( 초기값 ) map , filter 숙지 https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/map 추가적으로 알아둘 것 - 컴포넌트 기반 - 선언형 뷰 - JSX - Hooks - State & Props - yarn과 npm의 차이점은 무엇인가? - yarn 명령어는 어떤 것이 더 있을까? - 반드시 CRA를 써야만 리액트 프로젝트를 생성할 수 있는 것일까? - 클래스 컴포넌트는 무엇이고, 함수 컴포넌트와 무엇이 다른가? - Props ..

🔐 자바스크립트에서 유사배열과 배열의 차이는 무엇일까요? 유사배열의 각 요소를 수정하고 싶다면 어떤 과정을 거쳐야할까요? 배열 : 하나의 변수에 할당해 관리하기 위해 사용하는 데이터 타입이다。 유사 배열 : 배열과 유사한 객체를 말한다. 유사 배열은 함수에서 처리 결과로 배열을 반환하고 싶을 때 또는, Array에서 기본으로 내포되어있는 기능을 제공하고 싶지 않거나 Array에 내포되어있지 않은 기능을 제공하고 싶을 때 사용한다. 1. 숫자 형태의 indexing이 가능할 것 2. length 속성을 포함할 것 수정 과정: 1-1. 간접호출 활용 1-2. Rest파라미터 활용 1-3. Array.from 메서드 활용 등을 활용하여 배열로 변환시켜 준 뒤 요소를 수정한다. 🔐 부모 컴포넌트 A와 자식 컴포..

배열(Array) 자바스크립트에서 배열이란 관련 있는 데이터를 하나의 변수에 할당해 관리하기 위해 사용하는 데이터 타입이다. 자바스크립트는 명시적 타입이 없기때문에, 하나의 배열은 여러 자료형을 가질 수 있는 특징이 있다. 배열을 사용하면 여러 데이터를 관련성 있게 관리할 수 있기 때문에 생산성 및 코드 가독성이 높아지고 이는 유지보수 비용의 감소로 이어진다. 이 외에도, 배열에서 기본으로 제공하는 함수를 사용할 수 있는 점, 데이터에 순차적으로 접근이 가능하다는 점 등을 비롯해 장점이 아주 많다. JS(JavaScript)에서 배열을 사용하는 방법은 아래와 같다. // array 배열 선언 // 자바스크립트 특성 상 배열의 명시적 타입이 없기 때문에, 여러 자료형을 포함할 수 있다. let array ..

오늘 한 일 오전 알고리즘 손코딩 O 알고리즘 테스트 O flex와 grid 유튜브 O 리액트 기초 완강 x 스터디 228p까지 O 오늘 느낀 것 나는 나약하고 게으르다 - 사람은 잘 변하지 않는다 grid는 2차원 flex는 1차원 grid-template-columns grid-template-lows repeat(횟수, 단위)이라는 함수가 존재 minmax(단위,auto) 템플릿 자리에 오토를 넣을수도 있음 grid-template-areas --- 알파벳으로 영역을주고 grid-gap =====grid cell===== grid-area --- 그 알파벳에 영역을 지정해줄 수 있음 grid-column-start grid-column-end grid-row-start grid-row-end rea..

오늘 한 일 스터디 준비하면서 function 다시 공부 O 인공지능 딥러닝 컴c 듣기 O DOM구조 이해 유튜브 O flex와 grid 유튜브 X DOM구조 이해 - 정리하기 O flex와 grid -정리하기 O Flex 연습 게임 - Flexbox Froggy O 리액트 기초 완강 X 알고리즘 손코딩 X 드림코딩 js기초 듣기 X 오늘 느낀 것 알고리즘 빨리 끝나라 for...in 루프는 객체의 모든 열거가능한 속성에 대해 반복합니다. for ... in은 객체의 모든 iterable한 속성에 대해 반복 (눈에 안 보이는 것들도 객체가 가지고 있으면 다 반복) for...of 구문은 전용. 컬렉션이란? Array, Set, Map, String forEach는 배열 핸들링 할 때 [출처]https:/..

오늘 한 일 DOM구조 이해 유튜브 X flex와 grid 유튜브 X React.js 기초 10강 O 알고리즘 손코딩 X 알고리즘 모의고사 O 10가지 배열 함수들 O 오늘 느낀 것 10가지 배열 함수들 // Q1. make a string out of an array { const fruits = ["apple", "banana", "orange"]; const result = fruits.join(",and "); console.log(result); } // Q2. make an array out of a string { const fruits = "🍎, 🥝, 🍌, 🍒"; const result = fruits.split(",", 2); console.log(result); } // Q3. make..

오늘 한 일 알고리즘 테스트 29 ~ 33 React.js 기초 듣기(4강부터) java, c++ 과제 제출 오늘 느낀 것 c++은 어렵다.. 바닐라js 와 react.js 비교 react.js = 엔진 react-dom은 element를 HTML에 두는 역할 react 리렌더링 하는법 React.useState(); 배열이 있고 배열을 꺼내기 위해 const 야채 = ['토마토','감자] cosnt ['당근','양배추']= 야채 const [아이템, 모디파이] = React.useState(초기값); 모디파이를 부르게 되면 리렌더링 데이터가 바뀔때마다 컴포넌트를 리렌더링하고 UI를 리프레쉬함 = state 가바뀌면 컴포넌트를 리프레쉬 JSX의 힘 알고리즘 지문 이해하는게 어렵다. App 안에 컴포넌트 ..

try catch finally 구문 try{ //예외 가능성이 있는 코드 }catch(exception){----예외 객체 exception //예외시 실행할 코드 }finally{ //무조건 실행할 코드 } 예외 강제 발생 상황에 따라 예외를 강제로 발생시켜야 하는 경우도 있다. 예외를 강제로 발생시킬 때는 throw 키워드를 사용한다. throw 키워드를 사용하면 예외를 발생하므로 프로그램이 중단된다. ------ 예외 처리 언제? 어떻게?