티스토리

I WANT
검색하기

블로그 홈

I WANT

honeywater97.tistory.com/m

재야의 고수를 목표로하는 IT 블로그

구독자
4
방명록 방문하기
공지 공지사항 v0.1.2 모두보기
반응형
SMALL

주요 글 목록

  • week4-1: 화면 재구성과 Product 구성 한동안 못했던 프로젝트를 다시 살리면서 화면을 다시 그려봤다. 좀 더 모바일 특화 느낌으로  메인 화면- 쿠팡의 검색 느낌과 당근마켓의 느낌을 참고했다- 카테고리가 굉장히 중요하다고 생각하여 카테고리를 좀 더 보여주느 느낌을 생각했다- 기존에 악기에 필요한 정보는 다 보여줄 생각이다  유저- 최초 로그인은 무조건 oauth2로 연결한다.- 관심 악기를 설정 하여 추천 알고리즘에서 관심 악기들을 보여줘야한다. 자기 악기 아니면 다들 크게 관심이 없다.- 내 화면에서는 이것저것 관리하고, 또 내 기록을 남길 수 있는 Instagram 느낌을 생각했다.  상점- 알바몬의 알바지도 느낌- 내 근처에서 얼마나 악기점이 근처에 있는지, 그리고 그 악기점이 어떤 걸 파는 지 항목까지 볼 수 있는 화면을 기획했다.- .. 공감수 0 댓글수 0 2025. 4. 14.
  • week3-1: Product Entity와 Domain 설계 상품은 여러가지 상태에 대한 정보가 필요하다. 설명, 특징, 사양 등에 대한 정보는 언제든지 다른 컬럼으로 대체할 수 있으며, 그 외 판매자정보, 매장 정보, 배송 정보 등 필요한 정보들이 많다. 이는 다른 테이블에 존재하는 것들과 KEY 값으로 연결되어있다. 그렇다면 설명, 특징, 사양은 어떻게 구성할 수 있을까?일단 컬럼에 제한을 두게 되면 나중에 여러 특성들이 추가될 때마다 컬럼을 추가해야하는 문제가 생길 가능성이 크다.그래서 생각한 결과는설명이라는 key- value 형태의 JSON 컬럼안에 그대로 저장 할 것이다.다만, 큰 자유도를 주지 않기 위해 형식을 지정할 예정이다. 그리고 너무 일관성이 없으면 안되니까 상품 종류에 따라서 특성에 대한 건 Domain에서 제어를 하는 것이 좋을 것 같다. .. 공감수 1 댓글수 0 2025. 3. 10.
  • week2-2: User JPA Repository 만들기 user table 구조를 만들었다.users 는 id, email, name을 갖고, auth_users는 id, user_id, provider, provider_id, password를 갖는다.provider_id가 있으면 ouath2이고, password가 있으면 email(local) 가입자이다. 그렇게 만들어진 adapter layer의 구조 entity 와 repository는 결국 DB에 접근하기 위한 보조이고,adpater는 실제 구현체가 존재한다. @Transactional override fun saveProvider(user: User, provider: String, providerId: String): User { val userEntity = UserEnt.. 공감수 0 댓글수 0 2025. 3. 3.
  • week2-1: Spring Security 비활성화 및 Swagger 적용, User 테이블 만들기 Spring Security 비활성화//Spring Security 접근 전체 허용 및 로그인UI 비활성화@Configuration@EnableWebSecurityclass SecurityConfig { @Bean fun filterChain(http: HttpSecurity): SecurityFilterChain { http .csrf { it.disable() } .authorizeHttpRequests { authorize -> authorize.anyRequest().permitAll() } .formLogin { it.disable() } .http.. 공감수 0 댓글수 0 2025. 2. 24.
  • week1-1: 요구사항 나열해보기 feat. 도메인 주도 개발 프로젝트를 시작하기에 앞서 만드려는 사이트의 요구사항을 나열하고 아키텍처를 잡아보려고 한다.  1. '악기(상품)'를 '판매'하는 사이트2. '유저'는 '관리자', '판매자', '일반'이 존재3. '유저'는 '판매' '상품'을 '구매'하기 위해 '검색' 함4. '검색'은 상품, 지역, 가격, 상태 등 '검색조건'이 존재5. '상품'을 누르면 상세페이지에서 '구매'가 가능6. '결제'는 '카드결제' 또는 '직접결제' 존재7. '배송' 정보를 선택할 수 있음. '매장'에서 '배송'이 가능하다면 선택할 수 있음8. '판매자'는 '매장'과 '상품'을 등록 할 수 있음.  그리고 ''안에 있는 것을 도메인으로 볼 수 있는지에 대해 GPT한테 물어봤다.도메인을 어떻게 나누느냐는 **업무 모델(비즈니스 로직)**과 .. 공감수 0 댓글수 0 2025. 2. 22.
  • Week 1: 사이드프로젝트를 시작해보자 with AI 사이드프로젝트를 만들어야지라고 결심을 하게 되면서 다시 블로그를 활성화 해보려고 한다. 요즘은 AI가 워낙 잘되어 있어서 AI를 기반으로 먼저 하고싶은 기능들을 짰다. (with Bolt.new) https://glowing-blini-70a343.netlify.app/ Vite + React + TS glowing-blini-70a343.netlify.app(접근이 언제까지 가능할 지는 모른다) React와 Typescript로 프로젝트를 만들었으며 평소 관심있는 악기 판매 사이트를 만들 생각이다.일본의 디지마트를 좀 따라하면서도 핸드폰으로 쉽고 간편하게 올릴 수 있도록 좀 한국적인 느낌과 함께 괜찮은 이름을 정하고 싶은데 어렵당ㅎㅎ  백엔드는 SpringBoot3에 Kotiln을 사용하였다. 코틀린인.. 공감수 1 댓글수 0 2025. 2. 21.
  • [SpringBoot] WebSecurityConfigurerAdapter 지원 불가 환경 - SpringBoot 2.7 - Java17 - Spring Security //spring security implementation 'org.springframework.boot:spring-boot-starter-security' implementation 'org.springframework.security.oauth.boot:spring-security-oauth2-autoconfigure:2.6.3' 문제 발생 SpringBoot 2.7+ 버전에서 Spring Security의 WebSecurityConfigurerAdapter를 통해 security config를 override 할 때 오류가 발생하였다. 원인 공식 홈페이지를 보면, spring security 5.7이상에서 더 이상.. 공감수 6 댓글수 6 2022. 4. 5.
  • [SpringBoot] Spring Boot 3.0.0 버전 설정 Spring initializr에서 Spring Boot 3.0.0 버전 사용 SNAPSHOT vs M1 https://www.baeldung.com/spring-projects-version-naming - Snapshot: 현재 개발 릴리즈 버전, 즉 매일 버전이 새롭게 올라온다. - M1: snapshot 다음 단계로, 개발이 완료되면 빌드되는 버전이다. 즉, Snapshot은 M1보다 불안정하다고 볼 수 있다. (그렇다고 M1이 안정한 버전은 아니다.) 공감수 0 댓글수 0 2022. 2. 20.
  • [Vue.js] 백엔드/프론트엔드 연결하기 with axios 앞선 글을 통해 springboot의 port로 8081로 바꿔주었다. 2022.01.24 - [PROJECT/SpringWebToturial] - [Spring Boot] 열리는 Port 변경하기 따라서 프론트엔드는 8080, 백엔드는 8081의 port를 가지고 있다. 1. proxy 설정 proxy 설정을 해주지 않으면 8080 포트가 base가 되고, cors 문제가 생긴다. 이후 MSA를 할 때, 추가적인 설정이 필요하겠지만 일단 base port를 8081로 설정한다. 📁 vue.config.js module.exports = { devServer: { proxy: { '/':{ target: "http://localhost:8081", changeOrigin: true, } } }, ... .. 공감수 1 댓글수 0 2022. 2. 2.
  • [SpringBoot] Swagger v2.6.2 추가하기 with gradle 조금 고생이 많았던 Springboot에 Swagger 추가하기 무턱대고 아무 블로그를 들어가서 Swagger를 추가하면 왜 안되지?? 현상을 겪을 수 있다. 그래서 사전에 반드시 체크하고 들어가야 하는 항목이 있다. 1. 어떤 버전의 SpringBoot를 사용하는 지 🍀 해당 글은 SpringBoot 2.6.3 버전을 사용했다. 2. 어떤 버전의 Swagger를 추가할 것인지 🍀 해당 글은 Swagger 2.6.2 버전을 사용했다. SpringBoot 2.6.3은 Swager 3.0.0 ~ 이후 버전과 호환이 되지 않았다. 이 두 개를 반드시 체크해야 한다. 추가적으로 SwaggerConfig도 확인하면 좋다. 1. Gradle에 Swaager 추가하기 📁 build.gradle dependencies.. 공감수 0 댓글수 0 2022. 1. 31.
  • [SpringBoot] 열리는 Port 변경하기 Spring Boot 포트 변경 springboot 프로젝트 > application.properties > server.port = 8081로 바꿔주면 된다. 이후 다시 실행하면 TomcatWebServer가 8081로 열린 것을 확인할 수 있다. localhost:8081로 접속하면 반가운 whitelabel error를 볼 수 있다. 해당 작업을 왜 했냐? vue랑 연동해야 하는데, vue도 기본 포트가 8080이므로 백엔드 서버를 변경해줬다. 공감수 0 댓글수 0 2022. 1. 24.
  • [SpringBoot] Spring Initializr로 스프링부트 실행하기 intelliJ와 Spring Initializr를 이용하여 Mac에서 스프링부트를 실행했다. vscode로 springboot를 실행할 수 있지만, springboot가 꽤나 무겁기 때문에 그냥 기능 많은 intelliJ에 익숙해질 겸 intelliJ를 하기로 했다. 길게는 작성하지 않고, 내가 하면서 했던 실수들만 간단하게 올릴 예정 Spring Initalizr https://start.spring.io/ 스프링부트로 처음 프로젝트를 시작할 때 가장 쉽고 익숙하게 사용하는 사이트 일 것이다. 설정 Gradle, Java, 2.6.3 버전으로 했다. Maven과 Gradle 중, Gradle을 선택한 이유는 좀 더 최신이 gradle이기 때문. 해당 프로젝트는 항상 최신 기능을 익히는 것을 목표로 진.. 공감수 0 댓글수 0 2022. 1. 23.
  • [Vue.js] Vue.js 설치 (feat. MacOS) 맥북에 Vue.js를 설치할 때 사용한 명령어 요약 brew install node brew install yarn --ignore-dependencies yarn global add @vue/cli vue create [name] 새로운 프로젝트 시작 기존에 React로 홈페이지를 만들던 것은 그냥 그대로 두기로 했다. 도저히 혼자서는 하지 못해서, 새로운 멤버들과 함께 하고 싶은 것을 마음껏 하는 프로젝트를 시작해보려고 한다. 이번에는 다들 SSAFY를 하면서 익숙한 Vue.js를 프론트로 잡았다. 맥북을 드디어 개발용으로 사용하게 되는 첫 시작이다. 아무것도 깔려있지 않은 맥북에 Yarn 설치 > 왜 npm이 아닌 yarn 인가? https://developer0809.tistory.com/128 .. 공감수 1 댓글수 0 2022. 1. 17.
  • [Serverless Web] Windows 환경에 React 설치 (1) 미뤄왔던 홍지트 홈페이지를 드디어 만들 시기가 왔다. Serverless로 빠르게 제작 할 예정이다. 더보기 환경: Windows 10 서버: AWS Gateway, Lambda, DynamoDB 백엔드: Django, Python 프론트엔드: yarn, React 환경 설치 참고 bongbongreview.tistory.com/64 Windows10 에서 React Js 실행을 위한 사전 준비 (Create-react-App) React js 공식홈페이지에 있는 React 배우기에 간편한 환경인 Create React App 을 설정하는 방법에 대해 알아보고자 합니다. mac os 또는 linux 운영체제를 사용하시는 분들은 조금더 간단하게 환경을 구성 bongbongreview.tistory.com .. 공감수 0 댓글수 2 2021. 2. 5.
    반응형
    LIST
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

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

    © Kakao Corp.