반응형

react 2

리액트 - Javascript에서 Switch Case 사용하기

배경 JS로 코드를 짜다보면 Python과는 다르게 가독성이 부족하다 생각 들 때가 있다. 그게 오늘이었는데 길어지는 if문을 피하기 위한 방법 중 하나로 Switch를 알게 되었고, 이를 공유해 보고자 기록한다. Switch문이란? if문을 대신할 수 있는 문법으로 if문의 조건식은 boolean값이 들어가지만 switch는 문자나 숫자 등의 값이 주로 들어간다. 때문에 switch문은 case에 따라 실행할 코드를 정하는데 이 때 case에 조건식은 들어갈 수 없음을 주의해야 한다. switch case는 if보다 코드 읽기가 쉬워 코드가 조금 더 간결해 보인다. 또 순서가 중요하지 않다면 사용을 고려해 볼 만하다. 기본 문법 switch문은 switch의 값과 case를 비교해 일치하는 경우 해당 ..

FE/React 2023.07.12

리액트 빌드하기

빌드 관련해서 글을 하나 더 써봤다. 초보에게는 도움이 될 지 모르겠지만 키워드라도 알아가면 좋겠다. 고수는 피드백 환영이다!이것도봐봐 빌드란react는 개발자의 소스코드 상태에서는 무겁기도 하고 웹브라우저는 jsx파일을 알아듣지를 못합니다. 그래서 자신의 소스코드를 사람들에게 배포를 하기 전 불필요한 데이터를 없애고 html로 바꾸는 작업이 필요한데 이때 빌드를 하게 됩니다.빌드하는 방법프로젝트마다 상황은 다르겠지만 기본적으로 빌드는 아래 명령어를 터미널에 입력하는 것만으로도 끝이 납니다.npm run build 예시 파일파일생성작동이 되는 것을 보기 위해 리액트 앱을 하나 생성 하도록 하겠습니다npx creat-react-app build-app다른 기능은 필요하지 않고 빌드로 얻는 장점만 하나 ..

FE/React 2023.07.10
반응형