본문 바로가기

분류 전체보기23

[Spring] Sping, Spring Boot의 차이와 Spring의 핵심 Spring, Spring Boot 차이1. 구성 차이 spring boot: 수동으로 개발에 필요한 환경을 구축할 필요가 없음2. 내장 WAS 유무 spring: WAS를 별도로 수동으로 설정해야 함 spring boot: jar 파일만 만들어주면 별도의 WAS 설정이 불필요 내장 WAS 종류 : 톰캣, 제티, 언더토우3. XML 사용 유무 spring : 일부 파일을 XML로 생성 spring boot: XML을 사용하지 않는다.4. 인메모리 DB spring boot: 자동으로 지원 In-memory DB: 메모리에 데이터를 업로드 하여 사용하는 데이터베이스(기존은 디스크에 데이터 관리) NoSQL에 속하는 DB로 key-value 형식으로 데이터를 저장 Redis, Memcached 등이 있음Sp.. 2024. 10. 7.
[SpringBoot] Caused by: java.lang.IllegalArgumentException: Unsupported class file major version 67 책을 통해 spring을 처음 시작하는데 시작부터 오류가 발생했다.Caused by: java.lang.IllegalArgumentException: Unsupported class file major version 67ERROR 61713 --- [ main] o.s.boot.SpringApplication 원인을 찾아보니 java 버전이 현재 23버전인데 책에서는 17버전을 사용하기 때문에 SpringApplication 에서 오류가 발생한 것이었다.Spring initializr site 에 접속하여 Spring Boot의 버전을 확인 한 후 build.gradle 파일의 plugin을 변경 해 줬더니 정상적으로 작동 됐다. // 변경 전plugins { id 'java' id 'org... 2024. 10. 7.
1주차 프로젝트 회고록 Spring 내일 배움 부트 캠프 - 1주차 프로젝트(8조)Keep - 현재 만족하고 있는 부분팀원과 튜터님들과의 소통 원활함    - 질문이나 문제가 있을 경우 함께 얘기하고 고민함열정적으로 프로젝트에 참여    - 늦은 시간이나 쉬는 날에도 참여하여 프로젝트 진행막힌 부분을 같이 공유하고 해결하려고 함   - 작업 중 모르겠거나 막혔던 부분을 적극적으로 물어보고 해결Problem - 불편하게 느끼는 부분강의 시청과 프로젝트 밸런스    - 강의 시청을 9to9 중에 진행하여 이후의 시간에 프로젝트 진행 했을 때 튜터님들이 퇴근하신 시간이라 질문을 하기 어려웠음발표에 대한 아쉬움    - 적극적으로 프로젝트에 참여하였으나 발표 자료 등 준비가 부족한 점이 많았음    - 작업 내용에 대한 설명이 부족했.. 2024. 10. 7.
Backend 용어 정리 - 클라이언트 : 서버로 요청하는 모든 프로그램- 서버 : 클라이언트의 요청을 받아 처리하는 주체- DB(data base) : 데이터를 모으로 여러 사람이 사용하기 위해 관리하는 데이터 저장소    - DBMS(DB management system) : MySQL, Oracle, SQL 등등    - RDB(Relational DB; 관계형 DB) : 데이터를 행과 열로 이루어진 테이블로 관리. 기본키를 사용해 각 행을 식별함        - 행과 열이 존재, SQL로 접근    - SQL(Structured Query Language) : 쿼리, 데이터를 검색하는 언어    - NoSQL(Not only SQL) : SQL만을 사용하지 않는 데이터 관리 시스템        - 스케일 업 : 머신의 성.. 2024. 10. 7.
Uncaught (in promise) TypeError: Cannot set properties of null (setting 'innerHTML') 공공 데이터로 받아온 xml파일 html 로 pasing 후 html에 태그로 보내주려고 하자 발생했다.  async function load() { // 파일 가져오기 const response = await fetch(`url`); // 텍스트 형식으로 해석 const text = await response.text(); // XML 형식으로 해석 const xml = new DOMParser().parseFromString(text, 'application/xml'); const gameDataInput = () => { ... } gameDataInput(); .. 2024. 10. 5.
XML Parse JS 프로젝트를 진행하며 xml파일을 반환해주는 공공 api가 있었다. xml을 일단 fetch로 받아와 텍스트 형식으로 해석하는 작업부터 시작 // 파일 가져오기 const response = await fetch(`url`); // 텍스트 형식으로 해석 const text = await response.text(); // XML 형식으로 해석 const xml = new DOMParser().parseFromString(text, 'application/xml');  해당 작업이 끝나니 내부의 데이터가 xml 이라 형식이 html 에서는 바로 적용할 수 가 없었다. 3784712024-10-04 오후 7:55:08SC-OM-2410.. 2024. 10. 4.
20241002 프로젝트 진행slide image 구현원래는 소스파일 찾아서 활용할려다가 전부 작동이 안되길래 그냥 직접 만드는 중 user 데이터를 object array로 저장 하여 배열의 개수만큼 이미지를 보여줌   여기서 마지막 이미지라고 끊어내면 안되기 때문에 slide loop 로 구현// 이미지 전환 시 현재 있는 이미지 개수를 넘지 않도록 조정하는 함수 const changeImage = (lengthCount) => { if (imageData.length (arrayCount + moveCount)) { arrayCount = imageData.length - 1; } else { arrayCount += moveCount; .. 2024. 10. 2.
SQL02 - JOIN JOIN엑셀의 vlookup과 유사각 테이블 내의 정보를 비교하여 조회 LEFT JOIN공통된 값을 기준으로 테이블 중 컬럼값이 부족하더라도 모든 로우가 조회된다.select 조회 할 컬럼from 테이블1 alias1 left join 테이블2 alias2 on alias1.공통컬럼명=alias2.공통컬럼명INNER JOINleft join과 동일하나 부족한 값이 있는 로우는 조회하지 않는다.select 조회 할 컬럼from 테이블1 alias1 inner join 테이블2 alias2 on alias1.공통컬럼명=alias2.공통컬럼명join + sub query 사용 중 발생한 errorSQL Error [1248] [42000]: Every derived table must have its own .. 2024. 10. 1.
20241001 FigmaFrame 피그마 프레임 제작 도구 - Flayout 탭에 선택한 크기의 프레임 탭 생성 프레임이 생성되면 버튼 클릭이벤트로 네비게이트 시키는 것이 가능 Prototype     프로토타입은 실제 화면의 움직임을 확인 할 수 있음화면의 움직임은 prototype 탭을 선택한 상태에서 각 요소들을 클릭하면 +형태가 나타나고 드래그로 다른 프레임으로 연결시키는 것이 가능하다.또한 트리거도 다양하게 제공 됨     연습용 제작한 Figma무료버전일경우 트리거 제공 수가 한계가 있어서 원치않게 호버로 이동하게 되는 경우도 있음 ㅂㄷ(그게 나임)오늘 공부 내용https://something-do-it.tistory.com/6 SQL02 - JOINJOIN엑셀의 vlookup과 유사각 테이블 내의 정보를 .. 2024. 10. 1.
SQL01 - 문자 활용, 조건문 문자 가공1. REPLACEREPLACE(바꿀 컬럼, 현재 값, 바꿀 값)query 결과의 원하는 부분을 원하는 단어로 변경 가능 2. SUBSTRING(SUBSTR)SUBSTR(조회 할 컬럼, 시작 위치, 글자 수)시작 위치는 1부터 시작(0아님 주의)특정 문자를 골라서 출력 가능(글자 자르기) 3. CONCATCONCAT(붙이고 싶은 값1, 2, 3, ...)값을 서로 붙여서 출력 가능    붙이기 가능 한 값 -> 컬럼, 영어, 한글, 숫자, 특수문자 조건문1. IFIF(조건, 참, 거짓)  2. CASECASE WHEN 조건1 THEN 값1(수식) WHEN 조건2 THEN 값2(수식) ELSE 값(수식)3ENDIF문을 여러번 사용한 효과(조건별로 적용할 값 지정 가능)조건 1이 만족할 경우 값1을.. 2024. 10. 1.
20240930 firebase addDoc()$("button").click(async function () { // 넣을 데이터 추가(ex) let itsData = $('데이터가 들어간 요소 class||id').val() ... let doc = { key : value, key : value } await addDoc(collection(db, "db name"), doc); // OR await addDoc(collection(db, "db name"), { key : value, key: value, })})- await & async    비동기를 동기처럼 보이게 하는 방법    await은 asy.. 2024. 9. 30.

티스토리툴바