본문 바로가기
반응형

전체 글130

class 컴포넌트에서 function 컴포넌트로 컴포넌트 자체를 바꾸기 class 컴포넌트 extends Component ~ 지우기 export default class App extends Component { ~ 🔽 export default function App() { ~ render함수 없이 바로 return() class 컴포넌트는 render()안에 return() 함수형 컴포넌트는 render()없이 바로 return() render() { return ( ...내용 ) } 🔽 return ( ...내용 ) [state바꾸기] useState Hook을 이용해서 표현하기 react에서 useState를 가져와서 사용한다. const [todoData, setTododata] = useState([]) useState의 인수 todoDa.. 2022. 9. 26.
Webpack [모듈] 파일을 여러개로 분리해서 개발을 한다. 이렇게 분리된 파일을 모듈이라고 한다. 필요한 어떤 곳에서든 사용할 수 있기에 자주 사용하는 코드는 모듈로 만든다. 브라우저는 웹서버에 자원을 요청하고 준비된 자원을 응답함으로써 ui를 만들 수 있다. 개수가 많아지면 네트워크 자원의 증가는 페이지 로딩시간이 길어짐으로 사용자 경험에 좋지 않다. 개발 편의를 위해 모듈로 분리해서 개발을 하고 페이지 로딩을 줄일 수 있는 방법은 브라우저에서 서버로 요청하는 http요청을 줄이는 것이다. 모듈로 나눠서 개발로하고 이러한 모듈을 개발 전에 하나의 파일로 묶어서 배포를 하는것이다. 그만큼 서버로 요청하는 개수가 줄어들기때문에 사용자 경험을 향상시킬 수 있다. 이렇게 하나의 모듈로 묶는 작업을 번들링이라고 한다. 여.. 2022. 9. 20.
모듈 시스템 분리된 하나의 파일을 모듈이라고 한다. 이러한 모듈을 언제든지 불러오는 방법을 모듈 시스템이라고 한다. js에서 모듈 시스템이 있기 전에는 브라우저에서 script파일을 선언해서 불러 올 수 있다. 하지만 이러한 방법은 하나의 파일에 있는 것처럼 전역 스코프를 공유하게 된다. 즉 전역 스코프를 공유한다는 문제점이 생긴다. //a.js let number = 10 //b.js let number = 20 //index.html //number: 20 number를 콘솔에 출력했을 때 20이 출력됨을 확인할 수 있다. b.js파일을 가장 마지막에 불러왔기때문에 덮어씌여졌다. 이처럼 실제로 파일은 나누어져있지만 브라우저에서 동작할때는 마치 하나의 파일에 있는것처럼 동작하게 된다. 이렇게 이름이 같은 변수명이 .. 2022. 9. 20.
인터넷이 동작하는 가장 기본적인 원리 출처 페이지 HTTP란 무엇인가 인터넷(Internet) 인터넷은 TCP/IP(Transmission Control Protocol/Internet Protocol)라는 통신 프로토콜을 기반으로 하여 전 세계적으로 연결된 컴퓨터 네트워크 🔸[인터넷의 구성] 클라이언트와 서버로 구성 / 수많은 클라이언트 컴퓨터와 서버 컴퓨터, 그리고 이들로 구성된 네트워크들의 집합체인 것이다. 🔸[인터넷 서비스 종류] 인터넷 ≠ 웹이며, 웹은 인터넷 서비스들 중 하나이다. 인터넷 서비스의 종류: 월드 와이드 웹(WWW), 전자 메일(e-Mail), 파일 공유(토렌트, eMule 등), 웹캠, 동영상 스트리밍, 온라인 게임 웹(WWW) 🔸[웹의 개념] 웹(Web): 월드 와이드 웹(World Wide Web, WWW, W3.. 2022. 9. 20.
728x90
반응형

티스토리툴바