stonesy

📖Java(2) 🔍에러와 예외 어떤 원인에 의해 오동작하거나 비정상적으로 종료되는 경우 Error 프로그램을 잘못 작성한 경우 Exception Checked Exception: 예외에 대한 대처코드 유무를 확인(예외에 대한 대처코드가 없다면 컴파일을 진행하지 않는다, 대처코드 O) Unchecked Exception: 예외에 대한 대처코드 유무를 확인(예외에 대한 대처코드가 없어도 컴파일을 진행한다. 런타임 오류, 대처코드 X) ✔️try~catch 구문 try{ } catch(XXException c){ //던진 예외를 받음 //예외가 발생했을 때 처리할 코드 } public class SimpleException { public static void main(String[] args) { //jav..

📖Java 🔍변수 변수는 “메모리 공간(그릇)”으로, 메모리 공간에 값(value)을 할당(assign)한 후 사용한다. ✔️Type이란? 기본형(Primitive Type): 값 저장 미리 정해진 크기의 데이터 표현으로 변수 자체에 값을 저장한다. 참조형(Reference Type): 주소 저장 크기가 미리 정해질 수 없는 데이터의 표현으로, 변수에는 실제 값을 참조할 수 있는 주소만 저장한다. 자바는 변수에 대입, 리턴, 함수 인자 값을 전달하는 Pass By Value를 사용한다. *Pass By Value: 대입, 리턴, 함수 인자 값을 전달할 때 메모리의 값을 전달하는 것 기본형(Primitive Type): 메모리에 지정된 실제 값이 전달된다. ⇒ Pass By Value 참조형(Referen..

🔍단위 테스트(Unit Test) 단위 테스트란 프로그래밍 후 프로그램의 기본 단위인 모듈이 의도대로 정확히 작동하는지 검증하는 절차이다. 즉, 소스 코드의 개별 단위를 테스트하여 사용할 준비가 되었는지 확인하는 테스트 방법이다. ✔️단위 테스트를 하는 이유 실제 환경에서 코드를 실행하기 어려운 경우 유닛 테스트를 통해 코드가 정상적으로 동작하는지 확인할 수 있다. 종속성이 있는 다른 클래스들에서 버그가 발생하는 것을 방지하기 위해서이다. ✔️단위 테스트의 조건 테스트 코드는 빠르게 동작하며 자주 돌릴 수 있어야 한다. 각각의 테스트는 독립적이어야 하며 서로 의존해서는 안된다. 어느 환경에서도 반복 가능해야 한다. 테스트는 성공 또는 실패로 bool 값으로 결과를 내어 자체적으로 검증되어야 한다. 테스트..

Netlify, Firebase로 React 프로젝트를 배포하는 방법을 알아본 이후, AWS를 통한 React 프로젝트 배포방법도 알아보았다🙌🏻 AWS를 통해 React와 같은 SPA를 배포하는 방법은 2가지가 있다. AWS EC2를 활용한 배포와 AWS S3+cloudfront를 활용한 배포이다. 이때, 각 배포 방법에서 배포할 수 있는 서버가 다르다. EC2를 이용한 경우 웹 서버와 WAS 서버를 배포할 수 있고, S3+cloudfront를 이용한 경우 정적 콘텐츠을 배포할 수 있다. 🔎EC2를 통한 배포 EC2를 통해 웹 서버와 WAS 서버를 배포할 수 있기 때문에, react 프로젝트를 배포하기 위해서는 express 서버를 이용해야 한다. express 서버는 웹 서버로도 이용할 수 있고, WA..

Netlify로 React 프로젝트를 배포한 이후, 여러가지 배포방법을 공부해보고 싶어서 Firebase를 이용해 React 프로젝트를 배포하는 방법도 정리해보았다🙌🏻 🔎Firebase Firebase는 개발을 편리하게 해주는 클라우드 기반의 모바일 및 웹 애플리케이션 개발 플랫폼이다. 애플리케이션 개발 과정에서 사용되는 기능(예: 사용자인증, DB, 배포)들을 정형화된 서비스로 제공함으로써 개발자들이 더 빠르고 효율적으로 개발할 수 있게 한다. 🔎Firebase를 통해 React 프로젝트 배포하기 Firebase가 제공하는 기능들 중 배포 서비스를 이용해보도록 하자. 1. 프로젝트 생성하기 아래 링크에서 “프로젝트 만들기”로 프로젝트를 생성한다. https://console.firebase.google..

졸업 프로젝트를 진행했었을 때는 시간적 제약으로 인해서 배포까지 마치지 못하여 프로젝트를 끝냈었다. 로컬에서는 프로그램이 잘 동작하지만 배포하면 동작하지 않을 때가 많은 것 같다. 이번 창업 동아리 활동을 하면서도 로컬에서는 잘 동작했었는데, 배포를 하면서 백엔드 서버와 API 연결이 제대로 이루어지지 않는 문제가 생겼었다. 배포에 대해서 공부도 해볼겸 겸사겸사 정리해보았다🙌🏻 🔎Netlify 이번 창업 동아리 중간 프로젝트는 Netlify를 이용해서 배포했다. Netlify는 정적 웹 애플리케이션 및 싱글 페이지 애플리케이션(SPA) 배포에 특화되어 있는 서비스이다. 🔎Netlify를 통한 React 프로젝트 배포 방법 Netfliy를 통한 React 프로젝트 배포 방법은 다음과 같다. 1. React..

이것저것 정보를 찾다 보면 "웹 표준"이라는 용어가 자주 등장하는데, 항상 그 의미를 완벽히 이해하지는 못하고 넘어갔었다. 개강 전에 시간이 조금 남은 지금, “웹 표준”에 대해서 공부하고 정리해보았다!😀 🔎웹표준이란? 웹 표준(Web Standard)는 W3C에서 사용되는 기술과 프로토콜에 대한 규칙과 권고안의 모음을 말한다. 웹 표준은 웹 페이지와 웹 애플리케이션을 개발하고 구현하는데 일관성을 제공하며, 다양한 웹 브라우저와 장치에서 동일한 방식으로 작동하도록 보장하는 역할을 한다. 즉, 웹 표준에 따라 개발된 웹 사이트는 접속한 사용자가 어떠한 운영체제나 브라우저를 사용하더라고 웹 페이지가 동일하게 보이고 정상적으로 작동해야 함을 의미한다. 따라서 웹 표준의 준수는 웹 접근성 준수를 위한 핵심이다...

Swagger를 통해 백엔드-프론트엔드 간 API 연결하면서 겪은 오류에 관한 이야기다. 플랫폼별 웹소설을 조회하는 API였는데 API 연결 과정에서 계속 오류가 발생했었다. GET 메소드에 Request Body를 붙여서 전송해야 하는데 계속 오류가 발생했었다.😢 생각해보니까 보통 GET 메소드를 사용할 때는 쿼리 파라미터를, POST 메소드를 사용할 때는 Request body를 사용했던 것 같아서 찾아봤다. 결론은 “일반적으로 GET 요청에는 Request Body를 전송할 수 없다.” 이다. HTTP 프로토콜의 GET 메소드는 서버에 정보를 요청할 때 사용되며, 보통 쿼리 파라미터를 사용해 데이터를 전달하다. 쿼리 파라미터는 주소 뒤에 ?를 붙이고 key-value 쌍으로 데이터를 전달하는 방식을..

Nomad Coders 강의는 예전에 들었었는데 노션에 정리한 내용을 블로그에도 정리하면 좋을 것 같아서 복습 겸 정리를 해보았다. React 프로젝트에 CSS를 적용하는 방식에는 직접 CSS를 적용하는 방식, module.css를 사용하는 방식, styled-components를 사용하는 방식 등이 있다. 1. 직접 CSS를 적용하는 방식 가장 단순한 방식인데, hover 등의 이벤트 등을 적용할 수 없다. function Header(){ return( Header ) } 2. module.css를 사용하는 방식 내가 프로젝트를 진행할 때 가장 많이 사용하는 방식이다. 파일이름.module.css라는 이름을 가진 파일을 만들고 styles를 불러와 사용한다. *Header.tsx 파일 import s..

이번 캡스톤을 하면서 일관성 있는 스타일 관리의 필요성을 깨달았다. 이때, 예전에 배웠던 Themes를 적용하면 좋을 것 같다고 생각하여 간단하게 복습할겸 정리해보았다. ✨ 🔎Themes를 React 프로젝트에 적용하는 방법 styled-components를 이용하면 된다. 설치하고 다음과 같이 파일을 작성한다. 1. theme 파일 작성하기 theme 파일에 사용할 스타일을 작성한다. import { DefaultTheme } from "styled-components"; export const theme: DefaultTheme={ bgColor: "#EFEFEF", subBgColor: "#FFFFFF", textColor: "#2f3542", primaryColor: "#22a6b3", secon..