switch2 [react] 리액트 react-router-dom 사용법 - BrowserRouter, Route, Switch, Link react-router-dom SPA(Single Page Application)의 경우 페이지 렌더링에 필요한 모든 자바스크립트가 초기에 브라우저에게 전달되기 때문에 페이지(혹은 탭) 간 이동 시 원칙적으로는 서버에 재요청을 할 필요가 없습니다. 따라서 SPA에서 다른 페이지로 이동할 때에 태그를 사용하는 것은 서버에 불필요한 요청을 보내는 안티패턴에 해당됩니다. react-router-dom을 사용하면 이런 상황에서 브라우저에 이미 로드되어 있는 코드들을 활용하여 페이지간 이동을 구현할 수 있습니다. react-router-dom은 리액트에서 SPA를 구현할 때 가장 많이 쓰이는 패키지 중 하나입니다. 기본적으로 웹페이지는 내부에서 URL을 요청할 때 페이지 전체를 서버에 재요청한 후 새로고침합니다... 2019. 8. 27. [JAVASCRIPT] switch 사용법 break, default (if else문과 비교) switch switch는 조건에 따라 다양한 행동을 수행하는 데 사용됩니다. 여러 개의 if-else 문을 사용하는 대신에 사용할 수 있으며, 경우에 따라 if-else보다 코드를 더 읽기 쉽고 관리하기 좋게 만들어 줍니다. 기본사용법 switch(expression) { case value1: // 표현식이 value1과 일치할 때 실행할 코드 break; case value2: // 표현식이 value2와 일치할 때 실행할 코드 break; // 원하는 만큼의 case를 가질 수 있음 default: // 어떤 case도 일치하지 않을 때 실행할 코드 } 예시 const fruit = 'apple'; switch(fruit) { case 'apple': console.log('Apple is sel.. 2019. 7. 31. 이전 1 다음
