티스토리

꿈틀꿈틀 개발일기

검색하기

블로그 홈

꿈틀꿈틀 개발일기

varjm.tistory.com/m

jeongminy 님의 블로그입니다.

구독자: 5

방명록 방문하기

주요 글 목록

Vue.js | 설치 1. 프로젝트 생성 vue create 프로젝트이름 2. Manually select features -> Babel, Router 선택 -> 3.X -> Y -> package.jason( 패키지는 한쪽에 모아서 관리) -> 해당 기반을 저장할지? N -> 설치 완료. 3. 부트스트랩 설치 npm install bootstrap npm install @popperjs/core 4. main.js에 의존성 추가 import "bootstrap/dist/css/bootstrap.css" import "bootstrap/dist/js/bootstrap.js" 5. axios추가 npm install axios 6. axios 의존성 추가 import axios from 'axios' 7. vuex 설치 np.. 공감수 0 댓글수 0 2024. 3. 28.
20240314 TIL ✅ 오늘 한 것 1. 프론트엔드 구현을 위한 Vue.js 세팅하기 📰 참고 자료 IntelliJ에 SpringBoot + Vue.js 설치 및 연동 - 1 https://zoetechlog.tistory.com/132 IntelliJ에 SpringBoot + Vue.js 설치 및 연동 - 2 https://zoetechlog.tistory.com/133 공감수 0 댓글수 1 2024. 3. 14.
20240305 TIL ✅ 오늘 한 것 1. 로그인 / 로그아웃 리펙토링 https://github.com/hunzzzzz/bingo-jango/pull/102 2. security패키지 내부 파일 및 클래스 위치 리펙토링 https://github.com/hunzzzzz/bingo-jango/pull/104 3. OAuth2 소셜로그인 구현을 위한 공부 https://varjm.tistory.com/131 공감수 0 댓글수 0 2024. 3. 5.
OAuth 이해하기 참고 블로그 : https://inpa.tistory.com/entry/WEB-%F0%9F%93%9A-OAuth-20-%EA%B0%9C%EB%85%90-%F0%9F%92%AF-%EC%A0%95%EB%A6%AC https://growth-coder.tistory.com/142 공감수 0 댓글수 0 2024. 3. 5.
20240304 TIL ✅ 오늘 한 것 1. 로그인/로그아웃 리펙토링 - 쿠키, access token, refresh token 추가 ⭐ 오늘 알게된 것 📰 참고 자료 Vue.js로 간단하게 View 구현하기 https://teamsparta.notion.site/Vue-js-View-e9f2823dc0314fb2be98583961385e9e 공감수 0 댓글수 0 2024. 3. 4.
20240228 TIL ✅ 오늘 한 것 1. bingo - 기존 냉장고 참여 기능 구현 2. bingo - 음식 정렬 및 검색 기능 구현 https://github.com/hunzzzzz/bingo-jango GitHub - hunzzzzz/bingo-jango Contribute to hunzzzzz/bingo-jango development by creating an account on GitHub. github.com 공감수 0 댓글수 0 2024. 2. 28.
20240227 TIL ✅ 오늘 한 것 1. 석빙고 - 로그인, 로그아웃 기능 구현 2. 석빙고 - 냉장고 조회, 생성 기능 구현 https://github.com/hunzzzzz/bingo-jango GitHub - hunzzzzz/bingo-jango Contribute to hunzzzzz/bingo-jango development by creating an account on GitHub. github.com 📰 참고 자료 open api 요청에 관해서, http client 중 하나인 webclient를 소개하는 몇가지 글들을 소개 https://docs.spring.io/spring-framework/reference/web/webflux-webclient.html https://www.baeldung.com/spr.. 공감수 0 댓글수 1 2024. 2. 27.
20240226 TIL ✅ 오늘 한 것 1. 최종 프로젝트의 새로운 팀이 편성되었다. 앞으로의 프로젝트에 대해 회의를 했다. 팀약속 정하기 주제선정 정책설정 API ERD 와이어프레임 ⭐ 오늘 알게된 것 👄 오늘의 한마디 📰 참고 자료 공감수 1 댓글수 1 2024. 2. 26.
20240222 TIL 📰 참고 자료 nGridner 소개와 설치 방법, 간단 테스트 https://0soo.tistory.com/223#General%2525--error%2525--during%2525--conversion%2525-A%2525--Unsupported%2525--class%2525--file%2525--major%2525--version%2525----%2525--%25EC%2525--%2525--%25EB%2525-F%25AC 공감수 0 댓글수 0 2024. 2. 22.
20240220 TIL ✅ 오늘 한 것 1. musuknyu - 페이징+정렬+검색 기능의 캐싱 시도시 IlligalArgumentException 오류 개선 https://varjm.tistory.com/121 2. musuknyu - In-memory Cache 가 적용된 v2 검색 API 를 Redis 를 이용한 Remote Cache 로 수정 기능을 시도해봤다 공감수 0 댓글수 0 2024. 2. 20.
오류 | 페이징+정렬+검색 기능의 캐싱 시도시 IlligalArgumentException 발생 들어가기 전에 기존 service부분 코드는 이러했다. @Cacheable(key = "#keywords", value = ["keyword"], unless = "#keywords.trim().isEmpty()") override fun getItemListPaginated( page: Int, sortOrder: SortOrder?, itemTag: ItemTag, keywords: String? ): Page { return itemRepository.findByPageable(page, sortOrder, itemTag, keywords).map { it.toResponseDto() } } 상품검색 기능에 페이징과 정렬과 검색을 한번에 넣어서 동적쿼리로 구현한 기능이다. 여기에 인기검색어 기능을 .. 공감수 0 댓글수 0 2024. 2. 20.
20240219 TIL ✅ 오늘 한 것 1. musuknyu - 5만건 이상의 dummy data 생성하기 https://varjm.tistory.com/119 2. redis 와 memCached 비교 https://varjm.tistory.com/118 공감수 0 댓글수 0 2024. 2. 19.
Dummy data 생성하기 1. 의존성 추가 implementation("net.datafaker:datafaker:2.0.2") 2. controller 생성 @Tag(name = "dummy", description = "더미") @RequestMapping("/dummy") @RestController class DummyController( private val dummyService: DummyService ) { @Operation(summary = "상품 더미 생성") @PostMapping("/items") fun generateDummyPosts( @RequestParam count: Int ): ResponseEntity { dummyService.addDummyItems(count) return Response.. 공감수 1 댓글수 0 2024. 2. 19.
Redis 와 Memcached 공통점 redis를 검색하면 Memcached와 비교를 많이 한다. 둘 모두 사용하기 쉽지만 어떤 캐시를 사용할지는 장단점을 고려해야한다. 이 둘의 공통점은 1ms 이하의 응답 대기시간을 가진다. 데이터를 메모리에 저장하기 때문에, 디스크 기반의 데이터베이스보다 빠르게 데이터를 읽을 수 있기때문이다. 그리고 문법적으로 사용하기 쉽고, 개발 코드 양 또한 적기때문에 개발의 용이성을 가진다. 차이점 1. 확장성 Memcashed의 확장성은 Scale up(vertical)을 통해서 얻을 수 있다. Redis는 Scale out(horizontal)을 통해 얻을 수 있다. 2. 데이터 축출 전략 캐시는 디스크보다 용량이 작은 유한한 리소스를 지니므로, 메모리에 자리잡은 자원을 언젠가 교체해야할 순간들이 올것이.. 공감수 0 댓글수 0 2024. 2. 19.
20240215 TIL ✅ 오늘 한 것 1. musuknyu - 상품 검색 및 정렬 기능 구현 📰 참고 자료 https://baebalja.tistory.com/602 공감수 0 댓글수 0 2024. 2. 15.
20240214 TIL ✅ 오늘 한 것 1. 대용량 트래픽 프로젝트 첫 회의!! 2. 새로운 팀원들과 회의를 통해 프로젝트를 구상하고, ERD, 와이어프레임 등 초기에 정해야 할 것들을 정했다. 3. item CRUD 와 member 회원가입, 로그인 기능을 구현했다. 공감수 0 댓글수 0 2024. 2. 14.
20240213 TIL ✅ 오늘 한 것 1. notice - controller와 service 의 테스트 코드를 작성했다. 2. image 업로드 기능을 테스트 해봤다. https://varjm.tistory.com/105 ⭐ 오늘 알게된 것 👄 오늘의 한마디 📰 참고 자료 1. Clean Architecture, spyk, mockk 에 대한 정보를 들었다. - 창현님 블로그 https://velog.io/@myolang/TIL030-Clean-Architecture velog velog.io 공감수 0 댓글수 0 2024. 2. 13.
Spring | 코드 기반으로 테스트 하기 공감수 0 댓글수 1 2024. 2. 8.
20240208 TIL ✅ 오늘 한 것 1. JPA, QueryDSL 심화 7강 까지 수강 https://varjm.tistory.com/112 2. Spring 심화 14강 듣기 - 테스트 파헤치기 https://varjm.tistory.com/114 ⭐ 오늘 알게된 것 👄 오늘의 한마디 📰 참고 자료 공감수 0 댓글수 0 2024. 2. 8.
JPA, QueryDSL | 심화 JPA, QueryDSL 심화 1. ORM(JPA/Hibernate) 이 필요한 이유는 무엇일까? 2. JPA Persistence Context 파보기! 3. JPA 연관관계 매핑 4. JPA 유용한 기능들 소개 5. 객체지향을 곁들인 JPA, QueryDSL 실전 활용법 소개 6. DTO 를 이용한 Projection 활용 7. JPA, QueryDSL 심화편을 마치며 공감수 1 댓글수 0 2024. 2. 8.
20240205 TIL ✅ 오늘 한 것 1. notice - 이메일 인증 기능 구현하기 2. notion - 페이지네이션 + 정렬 기능 (동적쿼리). https://varjm.tistory.com/105 ⭐ 오늘 알게된 것 👄 오늘의 한마디 📰 참고 자료 신입 개발자 기술면접 질문 정리 - 백엔드 https://dev-coco.tistory.com/163 신입 개발자 기술면접 질문 정리 - 백엔드 💡 WAS(Web Application Server)와 WS(Web Server)의 차이를 설명해주세요. WAS(Web Application Server) 비즈니스 로직을 넣을 수 있음 Tomcat, PHP, ASP, .NET 등 WS(Web Server) 비즈니스 로직을 넣을 수 없음 Nginx, Apache 등 dev-coco.t.. 공감수 0 댓글수 0 2024. 2. 5.
20240203 TIL ✅ 오늘 한 것 1. Spring 심화 10강 11강 12강 13강 듣기 (복습) ⭐ 오늘 알게된 것 👄 오늘의 한마디 📰 참고 자료 도커 한방에 정리 🐳 (모든 개발자들이 배워보고 싶어 하는 툴!) + 실습 https://www.youtube.com/watch?v=LXJhA3VWXFA 공감수 0 댓글수 0 2024. 2. 3.
QueryDSL | 활용하기 1. build.gradle.kts에 의존성 추가 여기서 추가하는 kapt는 Kotlin Annotation Processing Tool 입니다. Annotation들을 분석하여 QueryDSL에 알려줘, QClass 들을 사용할 수 있게 만드는 역할을 합니다. plugins { kotlin("kapt") version "1.8.22" // 추가! } val queryDslVersion = "5.0.0" // 추가! (queryDsl 버전을 설정) dependencies{ implementation("com.querydsl:querydsl-jpa:$queryDslVersion:jakarta") // 추가! kapt("com.querydsl:querydsl-apt:$queryDslVersion:jakart.. 공감수 1 댓글수 2 2024. 2. 3.
Spring | 인증과 인가 및 예외 처리 1. 인증 구현하기 swagger에서 토큰 인증을 테스트 하기 위해 SwaggerConfig에 인증 설정을 추가해준다. package com.teamsparta.courseregistration.infra.swagger import io.swagger.v3.oas.models.Components import io.swagger.v3.oas.models.OpenAPI import io.swagger.v3.oas.models.info.Info import io.swagger.v3.oas.models.security.SecurityRequirement import io.swagger.v3.oas.models.security.SecurityScheme import org.springframework.contex.. 공감수 1 댓글수 0 2024. 2. 3.
20240202 TIL ✅ 오늘 한 것 1. notice - 좋아요 기능 구현 https://varjm.tistory.com/105 2. Spring 심화 8강 9강 (복습) ⭐ 오늘 알게된 것 👄 오늘의 한마디 📰 참고 자료 공감수 0 댓글수 0 2024. 2. 2.
20240201 TIL ✅ 오늘 한 것 1. notice - post CRUD 구현 2. notice - Spring Security, JWT 적용 3. notice - comment CUD 구현 https://varjm.tistory.com/105 👄 오늘의 한마디 오늘은 하루종일 코드만 짰다.. 할게 너무 많은 것 같다 ㅠㅠ 📰 참고 자료 N+1문제의 해결방법 https://incheol-jung.gitbook.io/docs/q-and-a/spring/n+1 N+1 문제 - Incheol's TECH BLOG Query를 실행하도록 지원해주는 다양한 플러그인이 있다. 대표적으로 Mybatis, QueryDSL, JOOQ, JDBC Template 등이 있을 것이다. 이를 사용하면 로직에 최적화된 쿼리를 구현할 수 있다. i.. 공감수 1 댓글수 0 2024. 2. 1.
Notice - 개인과제 (복습/개선) 개인 과제 수행 겸 여태까지 배운 것들을 처음부터 다시 복습하는 느낌으로 공지사항 게시판을 개발해보는 간단한 프로젝트를 처음부터 혼자서 만들어 보려 한다. https://github.com/jeongminy/notice GitHub - jeongminy/notice Contribute to jeongminy/notice development by creating an account on GitHub. github.com 1. 프로젝트 생성 2. github 연결 3. 초기 설정 build.gradle.kts 에 의존성 추가 kotlin("plugin.noarg") version "1.8.22" implementation("org.springframework.boot:spring-boot-starter-v.. 공감수 1 댓글수 0 2024. 2. 1.
Spring | JWT 인증 구현하기 클라이언트의 요청 클라이언트가 매 요청시에 JWT를 보내게 되는데, 이때 해당 JWT를 검증하는 기능을 구현할 겁니다 일반적으로 클라이언트가 요청할 때 JWT는 아래와 같이 헤더의 Authorization 헤더를 통해 전달합니다. { "Authorization": Bearer {JWT} } 타입의 종류는 3가지가 있습니다. Basic, Bearer, Digest는 모두 웹 애플리케이션에서 사용되는 인증 방식입니다. 이들은 클라이언트가 서버에 요청을 보낼 때, 사용자를 인증하기 위해 사용됩니다. 각각의 차이점은 다음과 같습니다: 1. Basic 인증: 사용자 이름과 비밀번호를 Base64로 인코딩하여 요청 헤더에 함께 전송합니다. 보안 수준이 낮아 HTTPS와 함께 사용되어야 합니다. 인증 정보가 요청 헤.. 공감수 2 댓글수 2 2024. 2. 1.
programmers | SQL | 루시와 엘라 찾기 https://school.programmers.co.kr/learn/courses/30/lessons/59046 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr ❓ 문제 40. 루시와 엘라 찾기 동물 보호소에 들어온 동물 중 이름이 Lucy, Ella, Pickle, Rogan, Sabrina, Mitty인 동물의 아이디와 이름, 성별 및 중성화 여부를 조회하는 SQL 문을 작성해주세요. 📝 내가 쓴 풀이 SELECT ANIMAL_ID, NAME, SEX_UPON_INTAKE from ANIMAL_INS where NAME in ('Lucy', 'Ella.. 공감수 0 댓글수 0 2024. 1. 31.
programmers | SQL | 성분으로 구분한 아이스크림 총 주문량 https://school.programmers.co.kr/learn/courses/30/lessons/133026 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr ❓ 문제39 . 성분으로 구분한 아이스크림 총 주문량 상반기 동안 각 아이스크림 성분 타입과 성분 타입에 대한 아이스크림의 총주문량을 총주문량이 작은 순서대로 조회하는 SQL 문을 작성해주세요. 이때 총주문량을 나타내는 컬럼명은 TOTAL_ORDER로 지정해주세요. 📝 내가 쓴 풀이 SELECT INGREDIENT_TYPE, sum(TOTAL_ORDER) as TOTAL_ORDER from FI.. 공감수 0 댓글수 0 2024. 1. 31.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.