파란색가운의 개발 블로그

안녕하세요 ! 제가 커뮤니티 만들기 프로젝트를 하면서 가장 오래 애먹었던 2가지 문제에 대해서 포스팅해보려고 합니다. 1. 회원가입시 사진 선택 후 가입 -> 이 파일을 어떻게 백엔드에서 관리하지? 2. 백엔드에 파일이 들어왔는데, 이 파일을 프론트엔드에서 어떻게 Load해올 수 있을까? 에 대해서 포스팅하려고 합니다. 사실 이 이슈때문에 3일간 기분이 너무너무너무 좋지 않았어요 진지하게 전문직 시험 검색해보고 다녔음 ㅋㅋ그래도 전 지지 않았습니다   제가 만들어둔 전형적인 회원가입 창입니다. let submit = document.querySelector(".join");submit.addEventListener("click", function (event) { event.preventDefault(..

@AfterEach -> 모든 테스트는 각각 독립적으로 실행되어야 한다메모리 DB에 각각의 테스트가 영향을 끼치지 않아야 함@AfterEachpublic void afterEach(){ repository.clearStore();}클래스 앞부분에 이 코드를 붙여주면 각각의 테스트가 서로 영향을 주지 않고 독립적으로 실행될 수 있다. import static org.assertj.core.api.Assertions.*; assertThat(result).isEqualTo(member);저기 assertThat에서 기댓값이 같게 나오면 -> test case가 성공적으로 돌아가고,else -> 빨간불이 들어오면서 오류 출력 JAVA에서 final 변수 -> JavaScript 내에서의 const와 같은..

개발자로서의 한 걸음 자바 공부를 시작했습니다 기본부터 빠르게 훑고 넘어가는 과정에서 좀 기억 안나거나 장기기억으로 가져가야 하는 부분들을 메모로 남겨두려고 합니다 ! - 김영한의 자바 입문 - 코드로 시작하는 자바 첫걸음 전 사실 전공자기도 하고 자바를 못하긴 했지만 한번씩 다 한 상태라 기본 문제들 이런거 과감하게 패스하고 기억 안나는 부분들만 강의 다시 봤습니다 - 문자열 입력받는 예시 Scanner scanner = new Scanner(System.in); System.out.print("문자열을 입력하세요:"); String str = scanner.nextLine(); 저 Scanner 굉장히 오랜만에 보네.. 3년만이야 정수입력은 scanner.nextInt();로 받아주면 된다 문자열입력..

수시로 정리해둘 예정입니다 ! 드디어 제 공부를 좀 할 수 있겠네요 파이팅입니다 :) @GetMapping(ex) -> localhost:8080에서 ex라는 요청이 들어오면 아래에 있는 ex라는 함수를 실행시켜주는 역할이라고 보면 된다. model 객체의 역할 - 컨트롤러의 메소드에서 model이라는 객체를 파라미터로 받고 정보를 받아 전달해주는 역할이다 클라이언트와 서버 사이의 통신에서 필요한 데이터의 요청 본문 -> requestbody / 응답하는 본문이 responsebody이다 responsebody는 http의 body에 문자 내용 자체를 직접 반환해주는 역할을 함. @RequestParam() - HTTP 요청 파라미터 값을 편리하게 받을 수 있는 기능

import React, {useState} from "react"; import "./App.css"; export default function App (){ const [todoData, setTodoData] = useState([]); const [value,setValue] = useState(""); const btnStyle = { color: "#fff", border: "none", padding : "5px 9px", borderRadius: "50%", cursor: "pointer", float:"right" } const getStyle = (completed) => { return { padding : "10px", borderBottom: "1px #ccc solid", te..

연합뉴스 새로운 기술의 발표 현장 기사입력 2023.06.27 오후 3:30 댓글 공유 면담에 앞서 모두 발언을 준비하고 있다. 이 총장: 두번 세번 피곤하게 자꾸 질문하지 마 내 장점이 뭔지 알아? 바로 솔직한거야 내가 코딩 공부를 해야 하는 이유에 대하여 면담에 앞서 모두 발언을 준비하고 있다. 장 부장: 오늘도 이모 군의 수면바지를 내리는 재미가 쏠쏠하다 바로 솔직한거야 관련 뉴스 ​ .news-company{ font-weight:900; } .container{ max-width : 600px; margin : 0 auto; border : 3px solid #c0c0c0; padding : 30px; } header h1{ margin : 5px 0; } .header-desc{ text-al..

* { padding : 0; margin : 0; } .cell{ display:inline-block; width : 30%; margin :0 1%; } .cell img{ width : 100%; } .row { margin : 20px 0; text-align: center; } header{ margin: 10px 5%; padding : 20px 0; border-bottom: 1px solid #3333b0; border-top:1px solid #3333a0; } header h1{ font-size:21px; display:inline; } header span{ font-weight: 900; background-color:#f0f000; } 나의 갤러리 NEW 클래스에 관하여 CSS..

h1{ font-size:30px; font-weight: 900; color: rgb(48,48,48); line-height: 30px; } th{ text-align : center; font-size : 16px; font-weight : 600; color : #3333b0; } a, a:visited{ color:rgba(53, 187, 51, 0); } /* a의 상태에 따라서 스타일을 적용할 수 있는 문법이 존재한다 */ img{ width : 100px; height : auto; }

회원가입 계정 정보 아이디 비밀번호 비밀번호 확인 프로필 이름 생년월일 월 1 2 3 4 5 6 7 8 9 10 11 12 성별 남 여 기타 사이트 이용약관과 개인정보 수집 방침에 동의합니다. 가입하기

HTML 1-8 table의 개념 , rowspan / colspan을 통한 합병 tr태그와 th태그를 통한 테이블의 형성 가장 큰 태그는 html / head / body 일본 여행 계획 일 시간 여행지 및 활동 이미지 1일차 9:00 공항 체크인 12:00 호텔 체크인 2일차 11:00 호텔 체크아웃