mac 처음사면 해야하는 세팅

맥북을 처음 사고 어떤 세팅부터 할까? Windows만 쓰던 사람이 Mac으로 넘어오면 어색한 것이 너무 많다. 나중에 재세팅을 위해서 어떤 설정들을 했는지 기록해 본다. 사용을 해가면서 어떤 세팅은 추가될 수 있다. app store에서 필요한 앱 설치 나는 카카오톡 말고는 설치할 게 없지만 사람마다 다를 것이다. 혹시 꿀 같은 앱이 있다면 알려주... 크롬 설치 현대인의 필수 크롬은 꼭 설치하자. brew로 설치도 가능하다고 나중에 알게 되었다. 나는 safari에서 크롬을 검색해 설치했다. 아마 다르지 않겠지? 화면분할 windows에 절여진 나로서 단축키는 필수인데. mac에서 지원해 주는 스플릿뷰는 단축키가 없는 모양이다. 그래서 선택한 프로그램은 Rectangle인데 캡처는 내 설정 상태인데..

Etc 2024.04.20 1

리액트 빌드하기

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

React 2023.07.10 0

리액트 빌드 npm run build 따라하기만 해봤다면 이것도 봐봐.

리액트 빌드 글에 은근 수요가 있다. 내가 궁금했던 것 들을 다른 초보 개발자들도 궁금해하리라 믿고 내가 알고 있는 지식을 조금 더 풀어볼까 한다. 실제로 뭔가를 해보고 따라 해보는 글은 아니다. 이런 내용도 있구나 알면 검색할 때 도움이 될 테니 빌드해보라니까 해 본 사람들에게만 바친다.빌드를 하면 뭐가 실행되는걸까?이것도 모르고 난 그냥 빌드를 했다. 이건 빌드뿐 아니라 start, dev에도 적용할 수 있다. 우리는 패키지 매니저를 사용하는데 보통 npm, yarn을 사용한다. 그럼 npm run build만 하면 끝일까?타입스크립트로 예시를 들어볼까 한다. 타입스크립트를 배워보면 tsc라는 커맨드를 사용해 보게 되는데 컴파일하는 과정을 입력한다 생각하면 된다. 이런 컴파일  과정에서 타입검사를 ..

React 2024.06.04 0

앱개발은 어떻게 하는걸까? 웹이랑 다른건 뭘까?

이번에 친구와 프로젝트를 진행하게 되었다. 난 웹 기반이기 때문에 웹 개발을 깔고 간다 생각했는데 친구 생각은 조금 달랐던 모양이다. 앱 개발을 원하는데, 이 의견에 반대를 하려해도 내가 뭘 알아야 설명 해 줄 것 아닌가? 그래서 검색 해보고 나름 정리를 해봤다.아 그리고 친구한테 설명할 용도로 작성한 글을 거의 그대로 가져온거라 내용이 이상할 수 있고, 앱개발은 손도 안대보고 처음 지식을 모으는 중이다보니 잘못된 정보가 스며들었을 수도 있다. 내가 아닌 누군가가 정보를 위해 이 글을 본다면 이 점 유의하길 바란다.앱 개발에는 크게 두 가지 플랫폼이 존재한다.AndroidIOS 이 두 플랫폼에 맞춰 개발 하는 방법 또한 여러개인데, 네이티브 앱은 각 플랫폼에 맞춰진 언어 (안드로이드의 경우 Kotlin,..

갭이어 2024.06.04 1

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

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

React 2023.07.12 1