[Firebase] 파이어베이스로 React 프로젝트 3분만에 호스팅하기 (무료로 URL, 웹사이트 구축하기)
2023. 6. 8. 01:12
Basic/etc
파이어베이스에서 제공하는 많은 기능들이 있지만, 모두 번외로 하고 자신이 만든 프로젝트를 실서버(URL)에 등록(호스팅)만 하는 방법에 대해 알아보자. https://firebase.google.com/?hl=ko Firebase Firebase is an app development platform that helps you build and grow apps and games users love. Backed by Google and trusted by millions of businesses around the world. firebase.google.com 파이어베이스에 접속(상단 링크 참고)하여 "시작하기" 또는 "콘솔로 이동" 버튼을 클릭하여 다음 스텝으로 진행한다. "프로젝트 추가" 영역을 ..
[디자인패턴] MVC 패턴의 간단한 개념과 구현 예시
2023. 5. 30. 00:20
Basic/etc
MVC 패턴의 개념을 설명하는 document나 블로그는 많으니, 간단하게 정리하고 그 예시에 대해서 자세히 알아보자. MVC 패턴이란? "MVC(모델-뷰-컨트롤러)는 사용자 인터페이스, 데이터 및 논리 제어를 구현하는데 널리 사용되는 소프트웨어 디자인 패턴입니다. 소프트웨어의 비즈니스 로직과 화면을 구분하는데 중점을 두고 있습니다." (참고 문헌: https://developer.mozilla.org/ko/docs/Glossary/MVC ) MVC (Model-View-Controller) 패턴 Model: 데이터와 비즈니스 로직을 처리한다. View: 사용자에게 표시되는 인터페이스를 담당한다. Controller: 사용자의 입력을 처리하고 Model과 View를 관리한다. 결과적으로 이 패턴을 사용함..
[디자인패턴] 디자인패턴(design pattern)이란 무엇일까?
2023. 5. 28. 00:42
Basic/etc
개발자의 기본 소양의 덕목 중, 디자인패턴이 있고 실제로 많은 기업에서 다양하고 깊은 이해를 바탕을 가진 개발자를 원한다. 그럼 디자인패턴은 무엇이고 왜 필요할까? 디자인 패턴은 소프트웨어 디자인에서 반복적으로 발생하는 문제들을 해결하기 위한 일련의 해결책이다. 소프트웨어 개발자들은 많은 문제들을 매번 처음부터 해결하는 대신에, 이전에 해결되었던 유사한 문제들에 대한 해결책을 재사용함으로써 시간과 노력을 절약할 수 있다. 디자인 패턴의 사용은 개발자들 사이에서 소통과 이해를 촉진하고, 소프트웨어의 유지보수성과 재사용성을 높이는 데 도움을 줄 수 있다. 또한 디자인 패턴은 개발자들이 공통된 언어와 개념을 가지고 소프트웨어 디자인에 접근할 수 있도록 도와줌으로써 개발 프로세스를 향상시킬 수 있다. 개발자가 ..
[Network] HTTP 네트워크 에러 코드 종류
2023. 5. 15. 22:10
Basic/etc
네트워크 에러는 다양한 종류가 있다. 개발 시, 일반적으로 발생하는 네트워크 에러에 대해 나열하면 이렇다. 1. 400 Bad Request (잘못된 요청): 서버가 요청을 이해할 수 없거나 유효하지 않은 요청 2. 401 Unauthorized (인증되지 않음): 요청한 리소스에 대한 인증이 필요하며, 인증 정보가 제공되지 않았거나 유효하지 않음 3. 403 Forbidden (접근 금지): 요청한 리소스에 대한 액세스가 거부. 클라이언트는 추가적인 권한이 필요 4. 404 Not Found (찾을 수 없음): 요청한 리소스가 서버에서 찾을 수 없음 5. 408 Request Timeout (요청 시간 초과): 서버가 요청을 처리하는 데에 너무 많은 시간이 소요되어 요청이 중단 6. 500 Intern..
임시 변수명을 작명할 때 뭘로 선언할까? - foo, bar
2023. 2. 12. 17:10
Basic/etc
개발을 하다 보면 로직 검사를 위한 테스트 코드 작성을 하거나 어떠한 값을 확인하는 등 여러가지 이유로 임시 변수를 선언해 본 경험이 있을 것이다. 임시 변수 자체도 나름의 의미가 있는 변수가 될 수도 있지만 의미가 없는 변수여서 마땅한 네이밍을 정하기 어렵게 만들기도 한다. 그래서 네이밍을 test, temp 등의 변수를 두는 경우가 많다. 이도 나쁘진 않다고 보지만, foo나 bar와 같은 만국 공통으로 의미가 통하는 네이밍을 쓰는 것이 좋다고 생각한다. (우리나라로 치자면 '이름 = 홍길동' 같은... 자세한 내용은 밑에 나무위키 참고) https://namu.wiki/w/foo foo - 나무위키 프로그래밍 상에서 임시로 변수이름을 지정해줘야 할 때 주로 쓰이는 변수 이름이다. foo 외에 bar..
nvm을 이용하여 node버전 변경하기
2022. 10. 31. 21:09
Basic/etc
brew가 깔려있다는 전제 하에 설명합니다. 1. nvm 설치 brew install nvm 2. 환경 변수 등록하여 터미널에 인식하기 1) zsh 터미널인 경우 vim ~/.zshenv 혹은 vim ~/.zprofile 2) bash 터미널인 경우 vim ~/.bash_profile 3. 아래 내용 추가하여 환경 변수 적용 export NVM_DIR="$HOME/.nvm" [ -s "/opt/homebrew/opt/nvm/nvm.sh" ] && \. "/opt/homebrew/opt/nvm/nvm.sh" # This loads nvm [ -s "/opt/homebrew/opt/nvm/etc/bash_completion.d/nvm" ] && \. "/opt/homebrew/opt/nvm/etc/bash_..
git 폴더, 파일 대소문자 구분 설정
2022. 3. 28. 10:13
Basic/etc
git 협업 시 폴더나 파일의 대소문자를 변경 후 commit, push를 하였는데 다른 개발 환경에서 pull을 받으면 인식이 안되는 경우가 있습니다. 해당 명령어를 입력하여 위와 같은 상황을 방지하고, 이미 그런 상황이 일어난 경우 명령어를 입력한 후 에러가 난 폴더, 파일을 재타이핑하여 수정하면 해결이 됩니다. git config core.ignorecase false