프로젝트 기간: 2024.11 - 2024.12역할: 백엔드언어: Java프레임워크: SpringBoot참고문헌: 스프링 부트와 AWS로 혼자 구현하는 웹 서비스담당 구현 기능: 책 실습 내용 기반 게시판 CRUD 서비스좋아요 기능기능 소개좋아요 하트 버튼 최초 클릭 시(좋아요 등록 시) Like_Table에 좋아요가 등록되고 해당 좋아요의 liked값이 true가 된다.좋아요 취소 시 Like_Table에 등록되었던 좋아요의 liked값이 false가 된다. 다시 해당 글에 좋아요를 클릭 시 좋아요의 liked값이 true가 된다. 핵심 코드1. 테이블 매핑ERD기반 Posts, Like_Table, User테이블 매핑Posts, Like_table 1:N mappingUser, Like_table 1..
전체 글
프로젝트 기간: 2024.01 - 2024.02역할: 프론트엔드언어: Javascript빌드도구, 프레임워크: React, Vite상태관리 라이브러리: Recoil담당 기능:약관동의 페이지게시글 작성, 수정, 삭제기능세부 게시글 조회 기능백엔드 - 프론트엔드 API 연결화면 구성1. HOME초기 화면: 회원가입, 로그인, 약관동의메인 화면: 전체 게시글을 한 눈에 볼 수 있는 페이지2. Survey설문조사 게시글 등록 및 삭제, 수정3. Market설문조사 데이터 판매4. My포인트 내역 확인작성한 게시글 히스토리 확인 구현 결과1. 약관동의 페이지 UI onButtonClick: 모두 동의 버튼(onAllBoxChange), 서비스이용약관/개인정보 수집 동의 버튼(onSingleBoxChange) 제..
AWS AI CV PROJECT2024/11/01 - 2024/11/30 프로젝트 내용두부 공장에서 생산되는 제품의 정상, NG 이미지를 받아 두부의 결함 여부를 탐지하는 컴퓨팅비전 프로젝트 프론트엔드, AWS 인프라, 모델 별 역할 나눠서 진행맡은 역할: 프론트엔드 화면 구현, AWS 아키텍처 설계 및 인프라 구현 구현 결과 정리1. 프론트엔드(Angular) 구현 목표실시간으로 두부가 나열되는 영상에서 이미지만을 추출해 양불여부를 판정하고, 통계 데이터를 확인할 수 있는 사이트를 구현한다. 세부 구현 내용프로젝트 초기 설정은 angular, typescript 기반 오픈소스 활용실시간 두부 영상을 받아 두부 이미지 캡처실시간 동영상을 받아서 brightness>50이면 brightPixel값을 1..
수학 고찰의 시작은 p->q라는 명제에 대한 이해이다. p일 때 q라는 결과가 발생함은 p속의 p', p''....(p의 구성요소)들이 모두 q를 만족해야 한다는 의미이며이는 즉 p이면 모두 q를 만족한다는 뜻이다.추상적으로 그려보면 q라는 거대한 그물망 안에 p가 포함되어있음을 알 수 있고, 우리는 p를 충분조건이라 부른다.결과인 q 입장에서 명제를 바라보면 q는 p를 필요로 하기에 q는 필요조건이라 칭한다.p와 q가 서로가 서로의 충분조건이자 필요조건이 되면 pq로 나타내어지며, 필요충분조건이라 불림 역시 익히 알고 있는 사실일 것이다.(집합간의 관계의 관점에서도 기호가 다르게 표현될 뿐 동일하게 바라봐질 수 있다.) 참인 명제, 거짓인 명제옳다고 전제된 사실을 증명하는 경우도 있지만, 주어진 사..
웹브라우저는 HTML 문서를 해석하고, 화면을 통해 해석된 결과를 보여준다. 해석한 HTML 코드를 화면을 통해 보여주는 과정을 '렌더링'이라고 한다. 브라우저는 HTML 코드를 해석해서 요소들을 트리 형태로 구조화해 표현하는 문서를 표현한다 이를 DOM이라 하고, 브라우저는 DOM을 통해 화면에 웹 콘텐츠를 렌더링한다. DOM: 자바스크립트를 사용해서 웹 콘텐츠를 추가, 수정, 삭제하거나 마우스 클릭, 키보드 타이핑 등 이벤트에 대한 처리를 정의할 수 있도록 제공되는 프로그래밍 인터페이스 이벤트 사용 중이거나 프로그래밍 중인 시스템 내에서 일어나는 사건 각각의 이벤트들은 이벤트 핸들러를 가짐. 이벤트 핸들러?: 이벤트가 발생되면 실행될 코드 블록 *이벤트 핸들러 등록 시 함수 명만 대입해야 함* ex...
콘솔 브라우저의 디버깅 콘솔. 브라우저 안에 내장된 브라우저의 하위 객체이므로 브라우저 객체를 통해 접근 가능함. 디버깅 콘솔: 개발자 도구의 console window.console = console(의미 동일함) 콘솔 객체는 윈도우의 하위 객체. 콘솔은 다양한 메소드를 가지고 있음 console 객체의 log 메소드 js 창에 입력: window.console.log() 콘솔 창에 기록을 남기겠다 ex).window.console.log('daram'); / console.log('daram'); console.clear() 내용 지우기 변수 선언 방식 let 변수이름; 변수 선언 변수=데이터; 변수 초기화 let 변수이름=데이터1; 동시에 숫자, 문자열 등 다양한 자료형 사용 가능 let messi..
Javascript 웹사이트 동작이나 상호작용을 정의함. 주로 웹 개발할 때 사용됨 사용방법 1. html 문서 내부에 작성하기 2. 자바스크립트 파일을 만들고, 그 안에 작성한 코드를 html문서에 연결하기 파일 확장자는 .js 사용하면 html 내부에서 사용 가능함 보통 head보다 body 내부에서 사용함 사용하면 js에 바로 연결 웹 브라우저도 객체이다 자바스크립트는 웹브라우저와 관련된 다양한 명령 내리기 가능 객체.데이터 객체.메소드()형태로 접근 가능함 주석 //주석이다 /* 주석이다 */
git commit 명령어 명령어 용도 기타 git에 파일저장 git add 파일명 commit 전 commit할 파일들을 골라놓기(작업폴더-> staging area) 여러 파일 동시에 스테이징 가능 git add. 하면 전부 스테이징 git commit -m '메시지' add한 파일들을 repository에 저장하는 용도 상태 git status 지금 변경된 파일, 스테이징된 파일 알려줌 취소 git restore 스테이징된 파일 취소 외울필요 없음 기록 git log commit 기록 파악 차이점 git diff 바로 전 commit 과 현재 비교 뒤에 커밋ID명시하면 과거의 특정 commit과 현재 파일 비교 가능(ex git diff --online) 과거의 2개 간의 차이점 비교도 가능함 gi..