그로윙맨 그로윙맨

알고리즘 이후에 TIL쓰는 게 처음인데 벌써 4일은 빼먹은 것 같다;; 이제 블로그에 과제하면서 배운 것과 에러, cs 스터디 등 여러 카테고리로 나눠서 올리고 있기때문에 이제 여기는 완벽한 TIL 작성공간이 되었다. 어제부터 항해에서는 리액트를 주특기로 삼은 팀원분들과 함께 리액트 입문에 관한 강의를 듣고 과제를 수행하는 주가 시작됐다. 이제 본격적인 프론트엔드 공부를 시작하게 된 것이다. 사실 설레는 마음으로 시작을 했는데 강의를 듣고 나도 그렇고 다른 분들도 진짜 어려워했다. 나도 배우는데 이론적인 부분에서 가장 기본이 되는 컴포넌트부터 DOM 라이프사이클 등 컴포넌트는 어렴풋이 알고 있다가 팀원 분의 자세한 설명으로확실히 알게되었다. 하지만 나머지는 구글링을 하고강의를 들어도아직은 이해도 되지않고..

이벤트 리스너란 이벤트 리스너는 '사용자가 어떠한 행동을 하는지 아닌지 지켜보다 알려주는 것 ex) 마우스 클릭, 마우스 오비, 키보드 조작 등

데이터 바인딩이란? 뷰와 모델에 있는 데이터를 동일하게 만들어주는 것을 의미한다. js에서 데이터 변경을 할 경우 html에서도 변경 양방향 바인딩과 단방향 바인딩 양방향 데이터 바인딩 양방향 데이터 바인딩이란 뷰와 모델의 데이터를 동기화하는 것입니다. 즉 사용자의 입력값에 따라 js의 데이터가 변경되고, js의 데이터가 변경되면 사용자의 화면도 변경됩니다. 장점 * 코드의 양이 줄어듭니다. 데이터가 자동으로 변경되기 때문입니다. 단점 * 변화에 따라 DOM 객체 전체를 렌더링 하거나 데이터를 바꿔 성능이 감소되는 경우가 있습니다. 단방향 데이터 바인딩 단방향 데이터 바인딩이란 한쪽 방향으로만 제어가 가능한 것을 의미합니다. js에서는 사용자의 화면을 변경할 수 있지만, 사용자는 js에 있는 데이터를 자..

[에러]TypeError: Cannot read properties of null (reading 'style') 해결법은 아주 간단하다. 브라우저에서 html파일을 먼저 열고 스크립트 부분을 나중에 읽도록 해주면 된다 html에서 자바스크립트 불러오기를 body에 맨 밑으로 내려서 해결

배열(Array)이란? 하나의 변수명 아래에 데이터 아이템의 리스트를 저장하는 간편한 방법. 예시 var shopping = ['bread', 'milk', 'cheese', 'hummus', 'noodles']; shopping[0] = 'tahini'; shopping; // shopping will now return [ "tahini", "milk", "cheese", "hummus", "noodles" ] 유사 배열 객체는 배열처럼 보이지만 사실 key가 숫자이고 length 값을 가지고 있는 객체를 말한다. JS에서 querySelectorALL이나 document.body.children 유사 배열 객체에 담겨서 온다. 유사배열은 쉽게 말해서 []로 감싸져있지만 배열이 아닌 것! 유사배열 예..

1. 연속과 불연속 디지털 => 불연속적인 값을 갖는 정보를 저장하고 처리한다. 아날로그 => 연속적으로 변하는 값 아날로그와 디지털 자동차 속도계 아날로그: 숫자가 연속적 - 지침이 올라가면서 모든 숫자를 연속적으로 지나감 디지털: 숫자가 비연속적 - 중간을 거치지 않고 근사치로 60,70,80km/h로 정해진 숫자대로 올라감 온도계 아날로그: 온도에 따라 붉은 액체가 정비례하게 팽창 - 역시 연속적으로 모든 구간을 지남 디지털: 현재 기온이 28.5123여도 28.5도로 근사치 값을 보여줌 점점 디지털이 증가하는 이유 현대사회는 입력이 디지털 (정보의 다양한 활용으로 인해 우선적) - 과거의 돈을 다루는 방식 -현대는 카카오페이, 토스 아날로그는 늦은 출력 ex) 스마트폰 배경화면 시계 이유는 정보의..

자바스크립트 객체와 불변성이란? 기본형 데이터와 참조형 데이터 기본형과 참조형을 구분하는 기준 데이터 타입의 종류는 크게 기본형과 참조형 2가지로 나뉜다. 기본형과 참조형을 구분 짓는 가장 큰 점은 실제 값 전체 복사 vs 실제 값이 들어있는 주소 값 복사이다. - 기본형 (copy value of a) let a = 1; let b = a; a += 10; console.log(a) //11 console.log(b) //1 기본형 데이터에는 앞서 얘기한 숫자, 문자열, boolean, null, undefined, symbol을 얘기하는 데 이는 모두 불변값이다. 그중 숫자와 문자열을 예로 들어 불변성의 개념을 알아보자 var a ='abc'; a= a + 'def'; var b = 5; var c ..

실습 과제 콘솔에 찍힐 b 값을 예상해보고, 어디에서 선언된 “b”가 몇번째 라인에서 호출한 console.log에 찍혔는지, 왜 그런지 설명해보세요. 주석을 풀어보고 오류가 난다면 왜 오류가 나는 지 설명하고 오류를 수정해보세요. let b = 1; function hi () { const a = 1; let b = 100; b++; console.log(a,b); } //console.log(a); console.log(b); hi(); console.log(b); let b = 1; function hi () { const a = 1; let b = 100; b++; console.log(a,b); } //console.log(a); console.log(b); hi(); console.log(b)..