반응형 전체 글144 변수에 대하여 ⤴️ 호이스팅 [var] 한번 선언된 변수를 다시 선언할 수 있다. var는 선언하기 전에 사용할 수 있다. var name console.log(name) //undefined name ="Mike" //할당 var로 선언한 모든 변수는 최상위로 끌어올리는 것처럼 동작한다. (호이스팅 현상이 발생함) 하지만 할당된 값은 호이스팅이 되지 않았다. [let] console.log(name) //ReferenceError let name ="Mike" //할당 같은 상황에서 let은 error가 발생한다. 그렇다면 let은 호이스팅이 되지 않나? 그렇지 않다. let도 호이스팅이 발생한다. (호이스팅: 스코프 내부 어디서든 변수 선언은 최상위에 선언된 것 처럼 행동) 그렇다면 왜 var처럼 동작하지 않고 e.. 2022. 10. 13. React Context API 처음만난 리액트 강의에서 발췌한 내용입니다. 컴포넌트의 props를 통한 데이터 전달 기존에 일반적인 react application은 데이터가 컴포넌트의 props를 통해 부모가 자식에게 단방향으로 전달이되었다. 로그인여부, 프로필 정보등을 전달하려면 반복적이고 지저분한 코드가 많이 생성된다. 이렇게 여러 컴포넌트에 걸쳐 자주 사용하는 데이터의 경우 코드의 복잡함 등을 해소시켜 주기위해 사용할 수 있는것이 context이다. Context는 리액트 컴포넌트들 사이에서 데이터를 기존의 props로 전달하는대신 컴포넌트 트리를 통해 곧바로 컴포넌트로 전달해 어떤 컴포넌트던 데이터에 쉽게 접근할 수 있다. 코드를 한 곳에서 관리하기때문에 디버깅에도 유리하다. [언제 context를 사용해야할까?] 로그인 여.. 2022. 10. 12. conditional rendering 어떠한 조건에 따라서 렌더링이 달라질 때 자주 쓰이기 때문에사용 방법과 원리에 대해서 잘 이해하고 넘어가야한다. truthy falsy boolean 자료형 true / false true는 아니지만 true로 여겨지는 값: truthy {} : empty object [] : empty array number : not zero "0", "false" : String, not empty false는 아니지만 false로 여겨지는 값 : falsy false 0, -0 : zero, minus zero '', "", `` : empty string null undefined NaN Element Variables (엘리먼트 변수) 렌더링 해야할 컴포넌트를 변수처럼 다루고 싶을 때 사용한다. import .. 2022. 10. 11. 네트워크란? 🌐네트워크란? 노드들이 데이터를 공유할 수 있게하는 디지털 전기 통신망의 하나이다. 분산되어 있는 컴퓨터를 통신망으로 연결한 것을 말한다. 노드간 연결을 사용하여 서로에게 데이터를 공유한다. 인터넷이란? 가장 큰 망을가진 하나의 네트워크이다. TCP/IP 프로토콜 기반으로 전 세계 수많은 컴퓨터와 네트워크가 연결된 광범위한 통신망을 의미한다. 인터넷에 연결되는 네트워크는 가정 네트워크처럼 소규모부터 기업 네트워크, 글로벌 네트워크 등 다양하게 존재하고 있다. TCP/IP상에서 운용되는 인터넷 서비스 WWW, E-Mail, FTP, Talent(원격접속) 인터넷과 www www은 통신망(인터넷)을 이용해서 웹 서비스의 공유를 할 수있다. 🌐네트워크의 분류 각각의 용도는 다르지만 컴퓨터끼리 통신하게 하는 역.. 2022. 10. 7. 이전 1 ··· 27 28 29 30 31 32 33 ··· 36 다음 728x90 반응형
