[개발] CI/CD

[개발] CI/CD

❗️ CI/CD란? - CI: Continuous Integration(지속적 통합)동일한 프로젝트에서 작업하는 모든 사람이 정기적으로 코드 변경 사항을 중앙 저장소에 병합하도록 하는 방식main 브랜치에 머지 -> CI Server에서 감지 ->  빌드/테스트를 진행하고 결과를 사용자에게 알려줌개발 -> 빌드 -> 테스트 -> 통합을 빠르게 하는 것 - CD: Continuous Delivery(지속적 제공) & Continuous Deployment(지속적 배포) 1. Continous DeliveryCI 이후 코드의 변경 사항을 프로덕션 환경으로 릴리즈 할 준비가 된 상태여기서 QA 진행 2. Continuous DeploymentContinous Delivery에 이어서 프로덕션 배포까지 자동화C..

  • format_list_bulleted 개발
  • · 2024. 11. 11.
  • textsms
[개발] OAuth 2.0, OIDC(OpenID Connect)

[개발] OAuth 2.0, OIDC(OpenID Connect)

OAuth2 .0을 사용하는 이유보통 간편로그인을 구현하고자 OAuth를 많이 사용한다. 먼저 OAuth를 사용하지 않고 구글 드라이브에 사진을 가져오는 예시를 생각해보자.(사용자/구글/우리의 서비스->동구리닷컴) 1. 사용자가 구글(드라이브) ID/PW를 동구리닷컴 제공한다.2. 동구리닷컴은 유저의 구글 ID/PW를 이용해서 구글에 로그인한다.3. 동구리닷컴은 유저의 구글 드라이브에 저장된 사진을 가져온다. 위와 같이 동작하면 어떤 문제점이 있을까?사용자 : 동구리닷컴이 구글 드라이브에만 접근한다고 신뢰할 수 없다.(구글 메일을 훔쳐본다면?)동구리닷컴 : 사용자의 구글 ID/PW를 저장하고 직접 관리해야 한다.(탈취 당한다면?)구글 : 사용자들의 구글 계정이 쉽게 유출될 수 있다.(구글의 잘못이 아닌데..

  • format_list_bulleted 개발
  • · 2024. 10. 20.
  • textsms
[개발] 프론트엔드에서 테스트

[개발] 프론트엔드에서 테스트

❗️ 테스트란?프로그램을 실행하여 오류와 결함을 검출하고 애플리케이션이 요구사항에 맞게 동작하는지 검증하는 절차이다.즉, 개발자의 의도대로 코드가 동작하는가를 확인해보는 작업이다. 테스트는 두가지 종류로 나누어지는데자동화 테스트 - 코드를 작성하고 반복적으로 테스트수동 테스트 -  브라우저에서 직접 사용해보는 테스트실제 사용자가 사용한다고 생각하고 직접 테스트를 해볼 수도 있지만(수동 테스트)코드가 수정될 때마다 다시 테스트를 해야 하고, 실수를 할 가능성이 있기 때문에 테스트 코드를 작성하여 자동화를 한다.❗️ 프론트엔드에서 테스트프론트엔드에서 테스트 코드를 통해 테스트 코드를 자동화는 사례는 많지 않다고 한다.프론트엔드에는 UI가 존재하는데, UI가 자주 변경되기 때문이라고 추측할 수 있다. 최근에는..

  • format_list_bulleted 개발
  • · 2024. 9. 22.
  • textsms
[개발] 타입스크립트를 사용하는 이유

[개발] 타입스크립트를 사용하는 이유

❗️ TypeScript?요즘 프론트엔드 채용공고를 보면 자격요건에 TypeScript가 적혀있는 것을 볼 수 있는데,사용해본 적도 없고 어떤 장점이 있는지 궁금해졌다. TypeScript = JavaScript + Type즉, 자바스크립트에 타입을 더한 언어가 타입스크립트이다. 🤔 자바스크립트애서 5-'3'의 결과는 ?결과는 2이다.숫자에서 문자열을 뺐는데 숫자가 나올 뿐만 아니라, 어떠한 에러도 출력하지 않는다. 하지만 TypeScript에서 위의 코드를 실행시킨다면 오류가 발생한다.TypeScript도 JS 기반 언어이지만 왜 다를까?TypeScript에 대해 더 알아보자 !❗️ JavaScript vs TypeScript가장 큰 차이점은 당연히 타입이고 이 타입이 결정되는 시점이 다르다. - 타..

  • format_list_bulleted 개발
  • · 2024. 9. 6.
  • textsms
[개발] Debounce와 Throttle

[개발] Debounce와 Throttle

Debounce와 Throttle은 이벤트나 함수 호출의 빈도를 줄여서 성능을 최적화 시키기 위해 사용되는 개념들이다.검색하는 상황을 예시로 들어보자.한 글자 입력시 마다 요청을 보내는 것보다, 입력 중간중간 특정 시점이나 입력이 끝난 후 요청을 보낸다면 api 호출의 수가 줄어들게 된다.이 때, Throttle은 특정 시점에 api를 호출하는 것이고 Debounce는 입력이 끝난 후에 api를 호출하는 것이다.👀 Debounce연이어 발생한 이벤트를 하나의 그룹으로 묶어서 처리하는 방식이다.주로 처음이나 마지막으로 실행된 함수를 처리하는 방식으로 사용한다. 요청이 들어오고 일정 시간이 지난 후에 요청을 수행한다.일정 시간 안에 같은 요청이 추가로 들어오면 이전 요청은 취소된다. 이벤트를 실행하는 기점..

  • format_list_bulleted 개발
  • · 2024. 8. 2.
  • textsms

[개발] Rest API, RESTFUL API

• REST란?∘ REpresentational State Transfer 약자=> 자원을 이름으로 구분해 해당 자원의 상태를 주고 받는 모든 것 즉, 자원의 표현에 의한 상태 전달!자원의 표현?자원 = 해당 SW가 관리하는 모든 것(문서, 그림, 데이터  ...)자원의 표현 = 그 자원을 표현하기 위한 이름 ex) DB의 학생 정보가 자원 -> 'students'가 자원의 표현상태(정보) 전달데이터가 요청되는 시점에 자원의 상태 전달JSON 혹은 XML를 통해 데이터를 주고 받는 것이 일반적임 ∘ 개념HTTP URI를 통해 자원을 명시하고,HTTP Method를 통해 해당 자원에 대한 CRUD 연산을 적용하는 것을 의미함웹 사이트의 이미지, 텍스트, DB 내용 등의 모든 자원에 고유한 ID인 HTTP ..

  • format_list_bulleted 개발
  • · 2023. 5. 6.
  • textsms