waffle

3달이라는 길다고 하면 길고, 짧으면 짧은 시간 동안 와플프로젝트를 진행했습니다. 최종정리를 해보려고 합니다. 완성은 하지 못했지만 열심히 달려봤습니다. 전체 큰 기능은 5가지 입니다. 로그인/로그아웃 , 회원가입 -재학생만 사용 가능 하기에 개인 정보가 필요하다. 게시물 작성, 수정, 삭제 -카풀 모집을 위한 게시물 작성 기능 일정 -카풀 게시물이 요일마다 나누어져 하기에 상단에 일주일의 달력 생성 기능 탑승 신청 , 탑승 수락, 탑승 거절 -운전자가 게시한 여정에 탑승 신청, 탑승 요청을 수락하거나 거절하는 기능 채팅 -운전자, 탑승자 사이에 의사소통 기능 반응형 웹 -모바일, PC 둘 다 이용 가능 채팅은 SSE라는 기술을 이용했어야 했는데, 시간이 부족한 관계로 구현 방법 정도만 공부했습니다 . ..

최근 프로젝트를 할 때마다 느끼는 거지만, 앞으로는 프로젝트를 진행할 때 목표를 잡고 깊이있게 공부를 하면서 개발을 진행해야겠다는 생각이 들었습니다. 기본적인 화면 출력이나 CRUD같은 것들은 어느 정도 되는 거 같은데…, 이 이상 실력이 늘지 않는다! 는 생각이 들기 시작했거든요. 마냥 프로젝트를 많이 한다고 해서 도움이 되는 걸까? 하는 원초적인 의문이 들기 시작했어요. 도전을 좀 많이 하도록 하자, 라는 깨우침! 프로젝트에 대한 이야기를 드리겠습니다. 프로젝트 개요 → 사용자가 입력하는 일기의 내용을 토대로 감정 분석을 진행, 사용자는 작성한 일기만을 통해 자신의 감정을 되돌아봅니다. 주요 기능 작성한 일기를 조회할 수 있는 캘린더 일기를 작성할 수 있는 폼 일기를 작성한 사용자를 구분하기 위한 회..

>#### spring과 spring security적용하여 만들려고 하는데 3.0 이상으로 에노테이션도 자주 바뀌고 헷갈려서 용어와 security에 대해 정리해보려고 합니다! @NoArgsConstructor: 주로 **JPA와** 함께 사용됨. JPA에서의 엔티티 클래스는 기본 생성자가 필요! DB -> ENTITY를 조회할때 **객체를 생성하고 필드를 채우기 위해 **필요함. >@AllArgsConstructor : 모든 필드를 포함한 생성자가 필요한경우, 모든 필드를 초기화해야 하는 경우에 유용 **함께 쓰는 경우는?** : 클래스를 여러 용도로 쓸때 예를 들어, _**엔티티 클래스를 DTO로 사용하는 경우가 있는데**_ 이 때는 JPA의 요구사항을 충족하기 위해 기본 생성자가 필요하고, 동시에..

프레임워크 : React React 선정이유 : 웹개발을 처음 배울 때 React를 수강했기 때문에 별다른 이유는 없었습니다. 진행과정 1. Html, Css 구성 2. 페이지 구성, 라우트 3.React Hook 작성 4. AJAX 통신 큰 진행과정은 위와 같습니다 . 웹개발을 처음 해보는 과정이라 서툰 부분이 엄청 많았고 고생했던 부분이 많았습니다 . Html, Css 구성 html,css는 처음 웹페이지를 개발해보기 때문에 보편적으로 쓰는 속성을 썼는지는 모르겠습니다. 모바일, PC에서도 사용하기 위해 미디어쿼리를 사용했습니다. 대표적으로 로그인 페이지 입니다. 그리고 폼 속성을 사용하지 않았었는데 폼 속성을 사용하는 중에 이점이 엔터키로 입력을 받을 수 있었습니다. 미디어 쿼리를 사용하고, fle..

감정 분석 일기장 프로젝트를 진행함에 있어 간단한 화면 구성을 토대로 프로젝트를 진행했습니다. 프론트에서는 '회원가입', '로그인', '일기장' 이렇게 총 세 개의 화면을 준비할 계획입니다. 현재 달력 부분을 출력하고 있으며 하단의 내용은 달력을 출력하기 위한 과정을 정리해 두었습니다. 컴포넌트 분리 기존에는 반복 구조가 없을 경우 한 파일에서 코드를 길게 작성해왔는데, 컴포넌트 분리에 필요성을 느껴 이번 프로젝트에서는 컴포넌트를 분리해 보았습니다. 기존 방식에 비해 생각했던 것보다 고려해야 할 점들이 많아 분리에 시간을 많이 투자해야 했습니다. 사용할 변수들의 위치를 고려하다 보니 부모 컴포넌트가 필요하고, 부모 컴포넌트를 만들자니 파일 구조가 복잡해지고... 부모 컴포넌트에서 props로 데이터를 넘..

ML 감정 분석 일기장: BERT 모델을 활용한 감정 분석 감정 분석 일기장은 텍스트 데이터를 입력받아 해당 텍스트의 감정을 예측하는 데 사용되는데, 이를 위해 BERT(Bidirectional Encoder Representations from Transformers) 모델을 활용하여 감정 분석을 수행하는 방법을 사용하였습니다. 데이터셋의 경우 네이버 영화 평점 데이터를 이용하였습니다! 1. 도입 감정 분석은 텍스트 데이터의 감정을 파악하는 작업으로, 감정 분석 일기장은 이를 자동화하여 사용자가 입력한 텍스트의 감정을 빠르게 파악할 수 있게 합니다. 코드의 경우 필요한 라이브러리 및 모듈 불러오기 데이터 로드 및 전처리 2. 데이터 전처리 학습 및 테스트 데이터를 불러와 전처리하고, BERT 토크나이저..

아이셔팀 백엔드 중간 회고 백엔드를 담당하면서 Spring을 사용하여 프로젝트를 처음으로 직접 만들어보려고 하니 개발파트보다 구성하는데 있어서 시간이 많이 소요되었습니다. 프로젝트의 주제 프로젝트의 주제는 편의점에 있는 다양한 재료들을 조합하여 나만의 조합 레시피를 공유하고 추천받는 서비스입니다. 필요한 요구사항들이 무엇들이 있는지 설계하기 위해서 일단 유스케이스 다이어그램으로 액터에 대한 기능들을 정리해보았습니다. 유스케이스 다이어그램 다음으로는 액터, 권한에 따른 기능들을 수행하기 위해 필요한 테이블에 대해서 ERD 다이어그램으로 작성해보았습니다. ERD 다이어그램 다음으로는 설계된 ERD 다이어그램에 따른 테이블마다 각 필요한 기능에 대해서 기능을 구현하고, 수행하게 될 API에 대해서 명세서를 작..

아이셔팀 안드로이드 중간 회고 저희 아이셔 팀은 기획 회의가 꽤나 오래 진행되어서 개발을 시작하게 된 지는 그다지 오래되지 않았습니다. 안드로이드 팀은 기본적인 뷰를 먼저 구현한 후, 추후 서버가 배포되면 디테일을 손보며 API 연동을 할 예정입니다. 프로젝트의 주제 프로젝트의 주제는 편의점에 있는 다양한 재료들을 조합하여 나만의 조합 레시피를 공유하고 추천받는 서비스입니다. 뷰는 Jetpack Compose로... 요즘 대세인 안드로이드 진여으이 선언형 UI인 Jetpack Compose를 사용하여 뷰를 구성하였습니다. XML로 뷰를 구성할 때 보다 재사용성, 가독성은 월등하게 좋고 애니메이션을 만들거나 뷰를 직접 커스텀하기에도 훨씬 용이합니다. 게다가, View와 Data의 역할을 분리하기에도 훨씬 ..

FrontEnd 개발과정 회고 개발 구성 개발시에 js 문법 뿐만 아니라 react, typescript 를 혼합한 tsx 로 구성했습니다. React 만을 사용하거나 JS를 사용해서 개발해도 되겠지만 이유가 있기 때문에 tsx 로 개발하였습니다. 🥥 JavaScript 우선 자바스크립트는 객체 지향 프로그래밍으로 브라우저 내에서 주로 사용되며, 프론트에서 주로 사용됩니다. 또한 Node.js라는 런타임 환경과 같이 서버 프로그래밍에도 사용되고 있습니다. 자바스크립트 기반으로 된 언어들도 많습니다. 대표적으로 뽑자면 가장 핫한 React를 뽑을 수 있습니다. React에 가장 장점인 유지보수가 가능한 개발이 가장 좋은점입니다. 이런것과 JS와 합친것이 가장 큰 장점입니다. 대표적으로 이 3가지 Angul..

JPA Repository JPA란 ? JPA 사용 이유 프로젝트를 진행하면서 JPA 를 사용하는 이유는 SQL문을 작성할 필요가 없다는 이유였다. 즉, 편리해서였다. 근데 나중에 면접에서 왜 “JPA 를 사용하셨어요?” 라는 질문에 “편리해서요” 라고 답하는 걸 상상했을 때, 이건 아니다 싶었다. 그래서 JPA를 사용하는 이유에 대해 알아보고싶어졌다. 1. 생산성이 증가하기 때문이다. 반복되는 SQL 코드를 JPA 가 내부에서 알아서 처리하기 때문에 코드를 간소화 할 수 있다. JPA 가 제공하는 매우 간단한 메서드로 CRUD 가 가능하다. 따라서 비즈니스 로직에 집중을 할 수 있다. 2. 유지보수 및 리팩토링에 유리하기 때문이다. 기존에는 필드가 변경되거나, 추가가 될 경우 모든 SQL 코드와 JDB..