작심 365

props 검증을 위해 propTypes을 사용할때 Typo in static class property declaration react/no-typos 라는 오류가 떴다. 이 오류를 고치는 방법은 간단하다. 별거아닌것같지만 아무생각없이 치다보면 쉽게 뜰수있는 오류라고 생각한다. 오류의 원인은 p를 대문자로 썼기때문이다. component.PropTypes = {} 가 아니라 component.propTypes = {} 라고 해줘야한다. 대소문자 한글자 차이라서 헷갈리기 도 쉽다. 왜냐면 그 안에 들어가는 글자는 PropTypes 로 대문자이기 때문..

배열의 map() map함수는 정의된 함수를 배열(array)의 모든 item에 적용시켜준다. 그리고는 변경된 배열을 리턴해준다. 아래 예제에서는 colorList라는 배열에 6가지의 색을 저장하고 그 배열의 모든 아이템을 map() 함수를 이용해서 변경해 리턴해주었다. 적용한 함수는 모든 배열의 기존값 뒤에 ✨이모티콘을 추가해주는것이다. let colorList = ["red","orange","yellow","green","blue","purple"]; let newColorList = colorList.map(function(color){ return color + " ✨" }); console.log(colorList); // 결과 ["red","orange","yellow","green","bl..

노마드 코더의 'ReactJS 로 영화 웹 서비스 만들기' 강의를 들으며 간단히 정리하는 곳이지만 react를 처음 배울때 공부하는 기본적인 내용들이다. 초기 세팅 react 개발을 할때는 개발을 할수있도록 환경을 만들어줘야 한다. 그런데 그 방법이 간단하지는 않다. 이런 환경을 한번의 명령어로 세팅해줄수 있는데, 그 명령이 바로 npx create-react-app project_name 이다. 이 강의에서도 그렇고 대부분의 처음 react를 접하는 사람들이 이 명령어로 react 개발환경을 구축한다. (여기서는 vs code를 사용한다. ) 컴퓨터 사양에 따라 시간이 걸릴수 있는데 기다리다보면 언젠가는 된다. 마지막에 Happy hacking! 이라는 글이 나왔다면 성공적으로 설치가 된것이다. 다 만..

인터넷(Internet) 인터넷은 컴퓨터로 연결하여 TCP/IP 라는 통신 프로토콜을 이용해 정보를 주고받는 컴퓨터 네트워크 이다. 즉, 인터넷이란 컴퓨터끼리 TCP/IP 라는 어떤 통신 프로토콜(규약)을 사용해서 정보를 주고받으며 소통하는 공간이라고 보면 된다. 웹(web) World Wide Web이란 인터넷에 연결된 사용자들이 서로의 정보를 공유할 수 있는 공간을 의미한다. 인터넷과 같은 의미로 많이 사용되지만, 정확히 말하면 인터넷 상에서 인기있는 서비스중 하나일 뿐이다. * 인터넷은 웹 서비스 말고도 원격연결(Telnet), 전자우편(E-mail), 화일전송(FTP) 등이 있다. 웹에는 수많은 웹 사이트들이 있고 하나의 웹 사이트는 수많은 웹 페이지들로 이루어져 있다. 지금 보고있는 이 화면도 ..

1. IP 인터넷 상에서 여러 컴퓨터들이 통신을 해야되는데 그때 사용하려고 만든 통신 규약이라고 보면 된다. 지정된 IP주소에 데이터를 전달하고 이때 패킷이라는 통신 단위로 데이터를 전달한다. * IP 프로토콜의 한계, 문제점 -비연결성 : 패킷을 받을 대상이 없거나 서비스가 다운되어도 그런걸 모르고 무작정 보내기 때문에 제대로 받았는지 알수가 없다. -비신뢰성 : 목적지로 가는 중간에 패킷이 소멸되어도 알수가 없고, 패킷의 순서 또한 보장이 되지 않기때문에 내용이 뒤죽박죽이 될수 있다. 위와같은 문제점들때문에 TCP라는 프로토콜이 추가되었다. 2. IP 주소 IP랑 헷갈릴수 있는데 이유는 IP주소 를 줄여서 IP 라고도 부르기 떄문이다. 하지만 IP는 인터넷 통신 규약 자체를 나타내는 말이므로 두 용어..

html 파일은 웹 브라우저에서 읽을수 있는 파일이다. 거기에 여러 동적인 기능을 추가하고 페이지에 자꾸만 들어가고 싶게 만들려면 어느정도 예쁘게 꾸며줘야 된다. 그때 사용하는게 css 와 javascript 이다. css와 javascript의 경우 단독으로 웹페이지에서 읽을수가 없기 때문에 html에서 끌어와야 보여질수가 있다. 그럼 html 파일에 css 파일과 javascript 파일을 추가해야 되는데 그 방법은 두가지가 있다. 첫번째 방법 -분리된 파일 추가 하기 이렇게 각각의 파일 세개가 같은 위치에 있을때 css 파일은 head 태그 안에, javascript 파일은 보통 body 끝부분에 넣어준다. 두번째 방법 - 한 파일안에 작성하기 css 의 경우 태그 안에 태그를 열어서 작성하면 되고..