[개발] 6

[AWS] S3과 버킷

아마존 S3란?- Amazon Simple Storage Service(Amazon S3)는 확장성, 데이터 가용성, 보안 및 성능을 제공하는 객체 스토리지 서비스 - S3는 인터넷을 통해 어디서나 대규모 데이터를 저장하고 검색할 수 있는 매우 확장 가능하고 내구성이 뛰어난 스토리지 솔루션을 제공한다.  S3의 주요 기능과 특징 1. 객체 스토리지 객체 스토리지란 객체라고 하는 비정형 형식으로 데이터를 저장하고 관리하는 기술이다  - S3는 파일(객체)을 저장하고 각 파일은 고유한 키를 가진다.- 객체는 메타데이터, 데이터, 키로 구성된다. 2. 버킷버킷은 Amazon S3에 저장된 객체에 대한 컨테이너 - 버킷은 S3에서 데이터를 조직화하는 기본 단위이며 객체는 버킷에 저장된다.- 각 버킷은 고유한 이..

[개발] 2024.05.19

[Andriod/Kotlin] KAU-STUDY 예약 앱 개발 - DB구조

2023 2학기 안드로이드 스튜디오와 코틀린을 활용하여 앱을 개발하였다. 사실 동일한 수업을 재수강했기에 주도적으로 개발을 이끌어 나갔다. 프로젝트 깃허브 링크는 여기 ! https://github.com/0lrlokr/KAU_OOP15 3명이서 백엔드/프론트엔드 구분 없이 약 2달간 진행한 토이 프로젝트이다. 📚 KAU-STUDY 예약 앱 한국항공대학교의 스터디룸을 예약하기 위해서는 여러가지 페이지를 거친 뒤,(종합정보시스템>예약하기>스터디룸 예약페이지로 들어가서)예약을 할 수 있습니다. 또한 웹에서만 예약이 가능하여, 학생들의 불편함이 있었습니다. 이를 해소하고자, 기존 웹에서의 기능을 앱으로 만들어보았습니다. 또한 입실확인을 학생들이 스스로 할 수 있도록 하여 자율성을 높인다. 🔧 주요기능 스터디룸..

[개발] 2024.02.01

[JAVA] JDBC 프로젝트

지난 학기, 데이터 베이스 기초 과목을 수강하였다. 해당 과목에서 JDBC프로젝트를 진행하였다. 프론트엔드인 나는 JAVA도 처음이고 SQL도 처음인데다 대부분 4명이 팀인데 팀원도 한명 적고,, 3명 중 한명은 타과 학생이고, 같은 소학학생은 잠수를 타버려서 거의 혼자 하다시피했다. ㅜ.ㅜ 우여곡절이 많았지만 덕분에 혼자 밤새서 개발하면서 많이 배웠던 것 같다. [ 1. 문제 제기 ] 직원 정보를 검색, 추가, 삭제 할 수 있는 자바 프로그램 또는 웹 애플리케이션 JAVA SWING을 사용하여 GUI 구현 이름, 생일, 주소, 성별, 연봉, 부서를 검색할 수 있어야한다. 직원 정보에서는 원하는 정보만 선택해서 검색할 수 있어야한다. 이름을 검색할 때에는 Fname, Minit, Lname을 연결할 수 ..

[개발] 2024.01.26

[JavaScript/Jquery] 라디오버튼을 다루어보자

현재 개발진행중인 프로젝트에서 라디오 버튼을 사용하는 UI가 많이 등장한다. 라디오 버튼은 보통 다중선택으로 사용하지 않고 하나만 선택할 수 있도록 사용한다. 하지만 .. 라디오 버튼을 다중선택 할 수 있게 변경하라는 QA를 받게되면서 평소에 거들떠보았던,, 라디오버튼에 대해서 자세히 파고들었다. 내용을 다시 정리해보고 복기해보려한다. 1. 라디오 버튼 기본 폼 빨강 파랑 초록 기본 폼과 실행 화면이다. 대신 를 사용하면 된다. 개발을 하기 위해 이정도는 기본적으로 꼭 알아야하고.. 이후로 심화내용을 다루어보겠다. 2. 라디오 버튼 선택과 해제 Jquery를 사용하여 라디오버튼을 선택, 해제할 수 있다. 빨강 파랑 초록 1. 라디오 버튼 선택 $("#아이디").prop("checked, true) 2. ..

[JavaScript] 배열 중복 제거

7월 11일 업무 중 학습한 내용 ⚠️ 이슈 : 지점관리 > 코칭클래스의 리스트를 렌더링하는 과정에서 클래스가 중복되어 반환되는 현상 발생 ✔️ 문제 이해 : 최소번호가 1번이고 최대번호가 11번이면 11개를 응답으로 받는데 courseId가 서버에서 여러개 반환 ✅ 해결 : forEach를 사용하여 중복 제거 백엔드 API수정 요청을 할 수 있으나 .. 백엔드분이 너무 바빠보이시기도 하고 프론트에서 중복처리로 할 수 있겠다 싶어 해보았다. console.log("코칭클래스",obj) // res = obj; const setObj=[]; const courseIdSet = new Set(); obj.forEach((item)=>{ if (!courseIdSet.has(item.courseId)){ co..

[⚠️ Error] Cannot read properties of null (reading 'edgesOut')

리액트에서 styled-components를 설치하기 위해 npm i install styled-components 명령어를 사용했다! 계속되는 Cannot read properties of null (reading 'edgesOut') 에러코드 .. log파일에 들어가봐도 똑같은 말 반복 1. 이 오류는 npm 캐시에 있는 일부 데이터가 손상되어 발생할 수 있는데, 이 경우 다음과 같은 명령어를 사용해서 npm 캐시를 강제로 지울 수 있다. npm cache clean --force 이 방법으로 시도해보니 음 .. 오류 하나는 줄어들었지만 어쨌든 해결되지 않았다 (아마 캐시 문제 + 다른 문제가 있지 않았을까 싶다) 2. 캐시, 노드 모듈 등을 삭제하고 다시 설치하기를 반복하다가 방법을 찾았다.. 찾은..