본문 바로가기

전체 글103

서버 사이드 렌더링(SSR),클라이언트 사이드 렌더링(CSR),정적 렌더링(SR) 특징, 차이점 간단 정리 이번 포스팅은 웹에서 렌더링 방식이 있는데 각 렌더링 별로 차이점과 특징을 공부해보겠다. 우선 렌더링 방식은 총 3가지 (SSR, CSR, SR)이 있다. 하나씩 차근차근 알아보자! # 클라이언트 사이드 렌더링 (Client-side Rendering) - CSR - 렌더링이 클라이언트 쪽에서 일어남 - 서버는 요청을 받으면 클라이언트에 HTML과 JS를 보내줌 → 클라이언트는 그것을 받아 렌더링 시작 - 서버에서 처리 없이 클라이언트로 보내주기 때문에 자바스크립트가 모두 다운로드되고 실행이 끝나기 전까지 사용자는 볼 수 없다. # 서버 사이드 렌더링 (Server-Side Rendering) - SSR - 서버 쪽에서 렌더링 준비를 끝내고 클라이언트에 전달하는 방식 - 클라이언트에 전달되는 순간 HTM.. 2023. 5. 24.
[Android-Hilt] 안드로이드 Hilt(힐트)란? 이번 포스팅은 드디어 의존성 주입 (dependency injection, di) 라이브러리중 하나인 힐트를 알아보도록 하자! 우선 들어가기전 DI의 개념을 모르면 어려울 수도 있기 때문에 학습을 하고 이 글을 보는걸 추천한다. DI에 대한 포스팅은 추후에 추가 하도록 하겠다.# Hilt(힐트)란?간단하게 정리하자면 안드로이드에서 쉽게 의존성을 관리해주고 주입해주는 라이브러리라고 생각하면 된다. 또한 기존에 많이 쓰이던 Dagger(대거)를 기반으로 만들어졌다. 대거는 러닝커브가 높은 편이라서 학습하기가 어렵다 그리고 구글에서도 힐트를 지원해주고 있어서 안쓸 이유가 없는거 같다.# 사용법## gradle 추가- build.gradleplugins { ... id 'com.google.dagger.hilt.. 2023. 4. 19.
[Firebase - 휴대폰 인증 오류 ] SMS verification code request failed: unknown status code: 17010 null 현재 회사에서 신규 프로젝트를 하는 중 휴대폰 번호 인증 부분이 있는데 파이어베이스에서 제공하는 Authentication 기능을 사용하기로 했다. 하지만 휴대폰 번호를 입력하고 인증받기를 누르는데 아래와 같은 오류가 발생했다. SMS verification code request failed: unknown status code: 17010 null 아무리 휴대폰 번호를 입력해도 같은 오류만 발생할 뿐 나아지지 않았다. 여기서 중요한 점은 테스트번호는 되는 것이었다. 아무튼 TMI는 뒤로하고 오류 발생 원인을 적어보도록 하겠다. # 오류 발생 원인 나도 저 위에있는 오류가 무엇인지 당연 구글링을 해봤고 여러 문서들 중 가장 정확한? 글을 가져와봤다. When you repetitively use a s.. 2023. 4. 18.
DTO, DAO, VO에 알아보자! 이번 포스팅은 개발하면서 한 번쯤은 들어봤고 모르면 안 되는 용어(DTO, DAO, VO)를 간단하게 알아보자! # DTO - Data Transfer Object의 약자로 계층 간 데이터 교환을 하기 위해 사용하는 객체이다. - getter & setter 만 가진 클래스이다 (코틀린은 Data Class). - 쉽게 말해서 HTTP 통신시 JSON 타입의 Request Body와 Response Body를 생각하면 된다. data class ServerResponse( val name: String = "", val age: Int = 0, val phoneNumber: String = "", ) # DAO - Data Access Object의 약자로 데이터베이스의 data에 접근하기 위한 객체이다.. 2023. 3. 30.
[NestJS - 오류] npm run start시 오류 npm ERR! enoent This is related to npm not being able to find a file. NestJS 서버 시작 시 아래와 같은 오류가 발생했다. npm ERR! enoent This is related to npm not being able to find a file. 그래서 해당 오류를 검색을 해 원인과 해결방법을 찾았다. 그걸 공유해보도록 하겠다! # 발생 원인 본 필자는 vscode를 사용하고 있었다. NestJS 파일이 있는 경로는 C/nestProjects/test-app이다. 하지만 나는 C/nestProjects까지만 들어가서 vscode에 있는 터미널에서 npm run start를 실행시켰다. 결론은 상위 폴더에서 npm run start를 실행시켜서 오류가 발생한 것이다. # 해결 방법 cd를 사용하여 파일이 있는 경로에 가서 npm run start을 실행시켜 주면 해결된.. 2023. 3. 10.
[배포 - 경고] 안드로이드 구글 플레이 콘솔 앱 배포시 경고 "com.google.android.gms:play-services-safetynet' 해결 방법 이번 포스팅은 오류는 아니지만 배포 시 경고 메시지이다. (사실 전부터 이러한 경고가 배포 시 있었다..) # 경고 원인 위 사진처럼 구글이 경고사항을 알려준다 위 내용을 번역하자면 아래와 같이 나온다. SafetyNet 증명 API가 중단되고 새로운 Play Integrity API로 대체되고 있습니다. 사용자 중단을 방지하려면 가능한 빨리 마이그레이션을 시작하십시오. Play Integrity API에는 Google Play 라이선스 및 더 나은 오류 메시지와 같은 SafetyNet 증명이 제공하는 모든 무결성 신호가 포함되어 있습니다. https://developer.android.com/training/safetynet/deprecation-timeline에서 자세히 알아보고 마이그레이션을 시작하.. 2023. 2. 21.

티스토리툴바