티스토리

jy개발일지-공부

검색하기

블로그 홈

jy개발일지-공부

gyaeh-coding.tistory.com/m

백엔드를 공부하는 초심자입니다.

구독자: 0

방명록 방문하기

주요 글 목록

team2_로컬.. 보호되어 있는 글입니다. 공감수 0 댓글수 0 2023. 10. 6.
ORM(객체 관계 맵핑, Object-Relational Mapping) 객체 지향 프로그래밍 언어와 관계형 데이터베이스 간 데이터변환을 자동화하기 위한 프로그래밍 기술 및 도구 집합 ORM 은 객체 지향언어(ex. java, python, c#)와 관계형 DB(ex. MySQL, Oracle, PostgreSQL)사이에서 데이터를 주고 받는데 사용된다! ORM 대표 예시 Hibernate(Java), Entity Framework(C#), Django ORM(Python), SQLAlchemy(Python) 등 ✔️ORM의 주요 기능 객체와 테이블 맵핑 : 객체 지향 프로그래밍에서 사용되는 클래스와 관계형 DB의 테이블 간 맵핑을 제공한다. 각 클래스는 DB테이블과 연결되고 클래스의 속성은 테이블에 열에 대응되게 된다. ex. SELECT * FROM user; 라는 que.. 공감수 0 댓글수 0 2023. 9. 11.
DI(Dependency Injection) DI(Dependency Injection)? 해당 기술의 장점. 💡 DI란? 객체간 의존성을 명시적으로 정의하고, 객체간의 결합도를 줄이기 위한 디자인 패턴 객체를 생성하고 관리하는 코드에서 객체 간 의존성을 외부에서 주입하는 방식으로 작성할 수 있다. 내부 생성을 하는 것은 무엇? → 개발자? ㄴㄴ 스프링(IOC : 제어의 역전) →코드의 재사용성과 유지보수성이 높아지며, 객체 간 의존성이 줄어들어 유연성과 확장성이 높아진다. 방법 3개! 생성자를 통한 의존성 주입(권장) 프로퍼티를 통한 의존성 주입 인테페이스를 통한 의존성 주입(추상화 개념 → 완벽하게 분리되서 결합도를 낮출 수 있다.) 장점 유연한 코드 작성 가능 DI를 이용하면 객체 간의 결합도를 낮출 수 있으므로 코드의 유연성과 재사용성이 높.. 공감수 0 댓글수 0 2023. 9. 4.
WIL : HTTP, MVC 패턴 ✔️HTTP ▸ 웹 브라우저와 웹 서버 간 데이터를 주고 받기 위한 통신 프로토콜. ▸ 웹페이지를 요청하고 응답하는데 사용 ▸ Client - Server 모델을 기반으로 동작 ▸ 요청 메서드(GET, POST 등) & 응답 코드(200 OK, 404 Not Found 등)을 사용하여 데이터를 주고받음 HTTP 에는 언제나 Request, Response 개념 존재 Client(사용자, 자료에 접근할 수 있는 프로그램)가 브라우저를 통해 서비스를 request하면 Server(자료에 대한 접근을 관리하는 시스템)에서 해당 요청에 맞는 결과를 Client에 response로 동작 request : client → server response : server → client 클라이언트에서 메뉴를 주문하면, .. 공감수 0 댓글수 0 2023. 8. 28.
Parameter와 Argument의 차이 Parameter와 Argument의 차이 Parameter와 Argument는 프로그래밍에서 함수나 메소드를 정의하고 호출할 때 사용되는 용어 메소드를 호출할 때 메소드에 필요한 인자(argument)를 전달하게 되는데, 이 때 전달된 인자(argument)는 메소드 내부에서 매개변수(parameter)로 사용 Parameter 함수나 메소드를 정의할 때 필요한 값을 받기위한 변수 → 선언되는 변수 public int add(int a, int b) { return a + b; } //"a"와 "b"가 parameter 파라미터가 많아질 경우 코딩 법? Argument 함수나 메소드를 호출할 때 해당 합수나 메소드가 필요로 하는 값 → parameter에 전달되는 실제 값 int result = add.. 공감수 0 댓글수 0 2023. 8. 23.
프로그래머스 문제 풀이_푸드파이트 대회 문제 설명 수웅이는 매달 주어진 음식을 빨리 먹는 푸드 파이트 대회를 개최합니다. 이 대회에서 선수들은 1대 1로 대결하며, 매 대결마다 음식의 종류와 양이 바뀝니다. 대결은 준비된 음식들을 일렬로 배치한 뒤, 한 선수는 제일 왼쪽에 있는 음식부터 오른쪽으로, 다른 선수는 제일 오른쪽에 있는 음식부터 왼쪽으로 순서대로 먹는 방식으로 진행됩니다. 중앙에는 물을 배치하고, 물을 먼저 먹는 선수가 승리하게 됩니다. 이때, 대회의 공정성을 위해 두 선수가 먹는 음식의 종류와 양이 같아야 하며, 음식을 먹는 순서도 같아야 합니다. 또한, 이번 대회부터는 칼로리가 낮은 음식을 먼저 먹을 수 있게 배치하여 선수들이 음식을 더 잘 먹을 수 있게 하려고 합니다. 이번 대회를 위해 수웅이는 음식을 주문했는데, 대회의 조건.. 공감수 0 댓글수 0 2023. 8. 22.
모듈화가 필요한 이유 자바의 버전 공부...자바 8과 11의 차이점! 여러 개선 사항 중 모듈화라는 것을 알게 됨 ✔️모듈시스템 도입 모듈화를 통해... 자바 클래스와 패키지를 더 체계적으로 구조화, 관리 모듈 간 의존성을 더욱 명확하게 관리 이렇다고 한다. ✔️모듈화의 장점? 💡 모듈화란? ▸ 소프트웨어를 작은 단위인 모듈로 분리하여 개발하는 방법 ▸ 모듈은 특정 기능을 수행하는 작은 코드 블록이며 모듈끼리 상호작용하면서 전체 소프트웨어 시스템을 구축함 재사용성 향상 : 모듈은 독립적으로 개발되며 재사용 가능한 단위로 설계되기 때문에 다른 프로젝트나 부분에서도 활용할 수 있다. ->개발 속도를 높이고 비용을 절감할 수 있다. ㅁ 유지보수 용이성 : 각 모듈이 독립적이기 때문에 변경이나 수정이 필요한 경우 해당 모듈만 수정하.. 공감수 0 댓글수 0 2023. 8. 21.
WIL : JVM이란 무엇인가? ✔️자바 프로그램 자바 프로그램 개발을 위해서는 파일의 확장명이 .java인 텍스트파일을 생성하고 자바언어로 코드를 작성하게 된다. 이렇게 만들어진 자바 소스파일을 컴파일러가 javac 명령어로 컴파일하게 되고, 컴파일이 성공하게 되면 확장명이 .class인 바이트 코드 파일이 된다. ✔️바이트 코드 파일 바이트 코드 파일은 완전한 기계어가 아니므로 바로 실행할 수 있는 파일이 아님 -> 바이트 코드파일을 완전한 기계어로 번역해서 실행하기 위해서는 java 명령어를 사용해야 한다. 바이트코드 파일과 자바 프로그램 자바 프로그램은 완전한 기계어가 아닌, 바이트코드파일(.class)로 구성되어있다. 바이트코드파일은 운영체제에서 바로 실행할 수 없기 때문에 JVM(: Java Virtual Machin, 자바.. 공감수 0 댓글수 0 2023. 8. 21.
JAVA_형변환(casting) 정리! 자바에서 형변환은 데이터타입을 다른 데이터타입으로 변환하는 과정!! ▸ 기본 데이터 타입(primitive data type) ▸ 참조 데이터 타입(reference data type) ✔️ 기본 데이터 타입의 형변환 기본 데이터 타입은 서로 다른 데이터 타입 간 형변환 가능 → 데이터 타입의 크기와 범위에 따라 자동 혹은 강제로 이루어진다. 자동 형변환(묵시적 형변환) : - 데이터 손실 없이 더 작은 데이터 타입에서 큰 데이터 타입으로 변환할 때 발생 ㅁ - 자동 형변환 규칙 : ▹ 'byte' → 'short' → 'int' → 'long' → 'float' → 'double' ▹ 'char'은 'int'로 변환 ▹ ex. int numInt = 5; double numDouble = numInt;.. 공감수 0 댓글수 0 2023. 8. 18.
트러블슈팅 Set 자료구조 사용_순서 관련 문제 자바의 collection 관련 공부 레시피 메모장을 만들면서 생긴 의문점 -> 다른 자료구조 List, Map은 잘 작동하는데 Set이 값을 넣은 순서대로 출력하지 않고 있다는 것을 확인할 수 있었다. 이렇게 넣어준 순서대로가 아니게 값이 출력되는 것을 확인할 수 있었다. Set은 순서가 보장되지않는 자료구조라 입력한 순서대로 저장되지 않을 수 있다. 만약 입력한 순서대로 저장되어야 한다면 HashSet 대신 LinkedHashSet을 사용! → LinkedHashSet은 입력한 순서대로 요소가 저장되는 Set의 종류 아래와 같이 코드를 수정하여 LinkedHashSet을 사용하였다. 위 코드에서 Set strSet = new LinkedHashSet(); 부분을 사용하여 LinkedHashSet을 생.. 공감수 0 댓글수 0 2023. 8. 17.
트러블슈팅_reached end of file while parsing 솔직히 트러블 슈팅이라고 할 내용은 아닌데.. 공부하면서 강사님이 말하는 것과 똑같이 코딩하고 있다고 생각하고 코드를 실행하게 되었는 이런 에러 메시지를 띄웠음. 몇개월을 공부하면서 이런 에러는 본 적이 없는것 같아 에러를 검색을 했는데 너무 간단한 문제였다. 저기 맨 아래 괄호에서 뜬 메시지인데 파싱하는 도중에 파일의 끝부분에 도달했다는 의미로 주로 괄호나 인용부를 닫지 않거나 열고 닫은 수가 맞지 않는 경우에 발생하는 에러다. 계속 비슷한 코드만 사용해서 복붙을 하다보니 아래서 3번째 else 부분의 괄호를 지워버린 것! 괄호를 잘 닫아주었고, 다시 잘 작동해 주었다. 너무 기초적인 실수라서 트러블슈팅을 안적으려고 했는데 그래도 몇개월 동안 본 적이 없다가 처음 본 오류라서 한번 적어본다. 이런건 이.. 공감수 0 댓글수 0 2023. 8. 16.
무한 루프 트러블 슈팅 야구게임을 코딩하던 중 만난 문제 잘 만든 코드인 줄 알았는데 갑자기 if에 빨간줄이 떠버림.. 확인 결과 2가지 문제 발견 1. 무한루프에서 랜덤숫자 무한 생성, 사용자 입력부분과 게임결과 출력 부분의 중복 2. if문 조건 while문에서 빠져나가는 게임 종료 조건을 추가 if문의 조건을 수정하여 제대로 된 조건을 걸어주었다. 숫자 생성이 한번만 이루어지고, 띄어쓰기 없이 숫자를 받을 수 있도록 수정했음. 공감수 0 댓글수 0 2023. 8. 14.
QnA #1. 개발 공부가 처음이신가요? 처음이 아니라면, 어느 정도 기간을 가지고 어떻게 학습을 하셨나요? #2. 내가 항해99에 참여한 계기는 무엇인가요? 어떤 역량을 기르고자, 혹은 어떻게 성장하고자 참여하셨는지 구체적으로 작성해주세요. #3. 개발자의 역할을 수행하는 데에 있어 나의 강점과 연관된 부분은 무엇이라고 생각하나요? 혹은 보완, 개선하고 싶은 개인 역량이 있나요 ? 과거 혹은 현재의 업무와 연관 지어도 좋습니다. ‘능력’을 기준으로 고민해주세요. #4. 항해99 수료 후, 어떤 모습으로 성장하고 싶나요? 개발자라는 커리어를 통해 무엇을 이루고 싶나요? 공감수 0 댓글수 0 2023. 8. 14.
절차지향 / 객체지향 / 함수형 프로그래밍이란 무엇이고 차이점은 무엇인가? 절차지향 프로그래밍 💡 명령어를 순차적으로 실행하는 방식으로, 순서대로 실행되는 코드 블록을 작성하여 문제를 해결합니다. 순서대로???라기보다는 다른 워딩을 좀 더 찾아보자 프로시저와 함수를 중심으로 구성 C언어나 Pascal 등이 이에 해당합니다. 절차지향 프로그래밍의 장점으로는 구현이 쉽고 이해하기 쉽다는 점이 있습니다. 또한 대부분의 컴퓨터에서 실행 가능하며, 속도가 빠른 것이 특징입니다. 하지만 대규모 프로젝트에서는 유지보수가 어려워지고 코드의 재사용성이 떨어지는 단점이 있습니다. 또한 데이터와 함수가 분리되어 있어서 코드의 가독성이 떨어질 수 있습니다. 객체지향 프로그래밍 💡 객체 간의 상호작용을 통해 프로그램을 구성하며, 이를 통해 모듈화, 재사용성, 유지보수성 등을 높일 수 있습니다. 클래스.. 공감수 0 댓글수 0 2023. 4. 29.
Stack과 Queue 그리고 Array와 Linked List 자료구조 Stack 💡 후입선출(LIFO, Last-In-First-Out) 방식으로 데이터를 저장하는 자료구조 가장 마지막에 추가된 항목이 가장 먼저 제거됩니다. Stack은 push() 메서드를 사용하여 항목을 추가하고, pop() 메서드를 사용하여 가장 최근에 추가된 항목을 제거합니다. 예를 들어, 함수 호출 스택은 Stack을 이용하여 구현됩니다. 웹브라우저 방문한 주소를 스택에 저장해 두고 앞으로가기/ 뒤로가기 버튼, 괄호 짝 맞추기 import java.util.Stack; public class StackExample { public static void main(String[] args) { Stack stack = new Stack(); // 스택에 데이터 추가 stack.push("A"); st.. 공감수 0 댓글수 0 2023. 4. 25.
개인 프로젝트_노션링크 보호되어 있는 글입니다. 공감수 0 댓글수 0 2023. 4. 17.
프로세스와 스레드 ✅프로세스(Process) 💡 메모리에 적재되어 실행되고 있는 프로그램의 인스턴스 운영체제로부터 시스템 자원을 할당받은 작업의 단위 특징 프로세스는 독립된 메모리를 할당 받는다. 프로세스가 메모리를 관리하기 위해 이 공간들을 어떤 구조로 관리하는데, 이를 프로세스 주소 공간이라고 한다. 프로세스 주소 공간 → Code, Data, Stack, Heap 으로 구성됨 Code : 코드 자체를 구성하는 메모리 영역 (프로그램 명령) Data : 전역 변수, 정적 변수 등 Stack : 지역 변수, 함수 매개변수, 리턴 값 (임시 메모리 영역) Heap : 동적 할당 시 사용 (new(), malloc() 등…) 기본적으로 프로세스마다 최소 1개의 스레드(메인 스레드)를 갖는다. ➕멀티 프로세스 💡 하나의 프로.. 공감수 0 댓글수 0 2023. 4. 17.
List / Set / MAp, HashMap List, Set, Map, HashMap의 차이 💡 List, Set, Map, HashMap은 모두 Java의 컬렉션 프레임워크에서 제공하는 인터페이스와 클래스 List 순서가 있는 데이터의 집합, 중복된 값을 허용, 인덱스를 통해 데이터에 접근 구현체 : ArrayList, LinkedList, Vector 등 ArrayList, LinkedList : 크기가 유동적 → 데이터 추가, 삭제가 자주 있는 경우에 적합 Vector : 멀티스레드 환경에서 적합 → 데이터의 동시성 처리에 적합 Set 순서가 없는 데이터 집합, 중복 허용 X 검색을 위한 자료구조로 많이 사용됨 →hash 때문이므로 셋 자체가 빠른게 아니므로 빼는게 좋다. HashSet, TreeSet 등 HashSet : Hash 알고리즘.. 공감수 0 댓글수 0 2023. 4. 16.
Filter / Interceptor / AOP 웹개발을 하다보면 공통적으로 처리해야 할 것들이 생김 (ex. 로그인처리, 권한체크 등…) →공통업무에 관련된 코드를 페이지별로 작성한다면 중복코드 발생 , 서버 부하 , 유지 보수 어려움 등의 문제가 발생한다. 즉, 공통된 업무는 따로 빼서 관리를 하는게 적합! Spring 에서는 이럴 때 3가지 방법이 존재한다. → Filter / Interceptor / AOP 흐름 Filer, Interceptor, AOP는 각각의 역할을 수행하며 특정 상황에서 필요에 따라 조합해서 사용. 요청 → request > filter > Servlet > Interceptor > AOP > Controller 순서로 실행. Interceptor, AOP, Controller : Spring Context Filter .. 공감수 0 댓글수 0 2023. 4. 11.
DI의 방식 중 필드 vs 생성자 주입 방식 💡 DI는 객체간의 결합도를 줄여 의존관계를 느슨하게! →유연한 대처가 가능 DI의 방식 필드 주입 의존성을 나타내는 필드에 @Autowired어노테이션을 사용해서 주입 코드 작성이 간결 오류를 찾기 어렵고 의존성 주입의 순서를 보장하기 어려움 생성자 주입 의존성을 주입하는 생성자를 정의하고, @Autowired 어노테이션을 사용하여 의존성을 주입 오류를 찾을 수 있고, 의존성 주입의 순서를 보장 생성자를 통한 필수 의존성을 전달하므로, 의존성 누락에 대한 예방 가능 프로퍼티를 통한 의존성 주입 applicationContext.xml에 태그를 사용하여 의존성을 주입 →객체 생성 시 주입된 객체도 함께 생성됨 인터페이스를 통한 의존성 주입 추상화 개념을 이용한 의존성 주입 방식 의존성을 주입하는 대상 클.. 공감수 0 댓글수 0 2023. 4. 11.
DI 방식, FIlter / Interceptor / AOP >>DI의 방식 중 필드 vs 생성자 주입 방식 💡 DI는 객체간의 결합도를 줄여 의존관계를 느슨하게! →유연한 대처가 가능 DI의 방식 필드 주입 의존성을 나타내는 필드에 @Autowired어노테이션을 사용해서 주입 코드 작성이 간결 오류를 찾기 어렵고 의존성 주입의 순서를 보장하기 어려움 생성자 주입 의존성을 주입하는 생성자를 정의하고, @Autowired 어노테이션을 사용하여 의존성을 주입 오류를 찾을 수 있고, 의존성 주입의 순서를 보장 생성자를 통한 필수 의존성을 전달하므로, 의존성 누락에 대한 예방 가능 권장되는 방법(불변성 확보, 테코 작성, final 키워드 작성 및 lombok과 결합, 순환참조 에러 발생 방지(스프링 2.6미만)) 예시 필드 주입 & 생성자 주입 //필드 주입 publi.. 공감수 0 댓글수 0 2023. 3. 30.
MSA , 제네릭(3일차) MSA(Microservice Architecture)란? 💡 **MSA(Microservice Architecture)**란 소프트웨어 시스템을 작고 독립적인 서비스 단위로 나누어 구축하는 아키텍처 디자인 패턴입니다. 각각의 서비스는 자체적인 데이터베이스를 가지고 있으며, 독립적으로 배포, 확장, 개발될 수 있습니다. 또한, 서비스 간 통신은 경량화된 프로토콜을 사용하고, RESTful API를 통해 이루어지기 때문에, 더욱 높은 유연성과 확장성을 제공할 수 있습니다. 장점 더 나은 확장성 각각의 서비스가 독립적으로 배포 및 확장이 가능 높은 유연성 독립적 → 다른 서비스에 영향 없이 필요에 따라 개발 및 수정이 가능 생산성 증가 각각의 서비스가 작고, 독립적으로 개발 → 개발 생산성과 테스트 생산성이.. 공감수 0 댓글수 0 2023. 3. 30.
DI , DB에서의 인덱스 사용(2일차) DI(Dependency Injection)에 대한 설명과 해당 기술의 장점에 대해 설명해주세요. 💡 DI란? 객체간 의존성을 명시적으로 정의하고, 객체간의 결합도를 줄이기 위한 디자인 패턴 객체를 생성하고 관리하는 코드에서 객체 간 의존성을 외부에서 주입하는 방식으로 작성할 수 있다. 내부 생성을 하는 것은 무엇? → 개발자? ㄴㄴ 스프링(IOC : 제어의 역전) →코드의 재사용성과 유지보수성이 높아지며, 객체 간 의존성이 줄어들어 유연성과 확장성이 높아진다. 방법 3가지 생성자를 통한 의존성 주입(권장) 프로퍼티를 통한 의존성 주입 인테페이스를 통한 의존성 주입(추상화 개념 → 완벽하게 분리되서 결합도를 낮출 수 있다.) 장점 유연한 코드 작성 가능 DI를 이용하면 객체 간의 결합도를 낮출 수 있으므.. 공감수 0 댓글수 0 2023. 3. 30.
객체지향 프로그래밍(OOP) , REST API(1일차) 객체지향 프로그래밍(OOP)에 대해 설명해 주세요. 알고있는 원칙이나 키워드를 언급해주세요 객체지향 프로그래밍(Object-Oriented Programming, OOP)은 컴퓨터 프로그래밍 패러다임 중 하나로, 프로그램을 객체들의 모임으로 바라보고, 객체 간의 상호작용을 통해 프로그래밍하는 방식입니다. OOP의 핵심 특징 캡슐화(Encapsulation) 데이터와 메서드를 하나의 클래스 안에 묶어 캡슐화하고, 외부에서의 접근을 제한합니다. 이는 데이터를 보호하고, 더 나은 모듈화를 가능하게 하여 유지보수성을 향상시키는데 도움을 줍니다. 상속(Inheritance) 부모 클래스에서 정의된 속성과 메서드를 자식 클래스에서 상속받아 재사용할 수 있습니다. 이는 코드의 중복을 제거하고, 코드 재사용성을 높이는.. 공감수 0 댓글수 0 2023. 3. 30.
[내일배움캠프_Spring] 자바 Spring 입문_동시성 처리_230304 참여 인원 수 만큼 Enrollment의 status를 TRUE로 업데이트 하는 경우, 동시에 여러 사용자가 동시에 참여 신청을 한다면, 여러 개의 Enrollment이 동시에 생성되고 업데이트되어 데이터 불일치 문제가 발생할 수 있습니다. 이를 해결하기 위해서는 동시성 문제를 처리해주는 메커니즘이 필요합니다. 여러 가지 방법이 있지만, 일반적으로 다음과 같은 방법을 사용합니다. Optimistic Locking Optimistic Locking은 동시성 문제를 처리하는 방법 중 하나입니다. 이 방법은 여러 개의 사용자가 동시에 같은 데이터를 수정하려고 할 때, 데이터에 버전 정보를 추가해서 충돌을 감지하는 방법입니다. 만약 버전 정보가 일치하지 않는 경우, 충돌이 발생한 것으로 판단하여 다시 시도하도록.. 공감수 0 댓글수 0 2023. 3. 8.
[내일배움캠프_Spring] 자바 Spring 최종 프로젝트 _@Column 트러블 슈팅_230303 연관 관계 트러블 슈팅 전체 신청내역 조회를 만들어 놓았다. 게시글 별로 리스트를 가져오고 싶기 때문에 postId 를 사용해서 값을 뽑아와야한다. 하지만 postId를 불러오면 column postId가 null이라는 에러가 생성된다. entity에 @Column 을 사용해서 postId를 주입했더니 위에서 @ManyToOne으로 연관관계를 맺어 준 post의 이름으로 지정해 준 post_id와 겹치는 것 같다. 그래서 @Column postId의 이름을 똑같은 이름으로 지정해주었는데, 이번에는 Duplicated 되었다는 에러가 발생하였다. @Column의 insertable, updatable 속성 값을 false로 변경하여, 에러 해결할 수 있었다. insertable 속성 엔티티 저장시, 해당 .. 공감수 0 댓글수 0 2023. 3. 4.
트러블 이런 테스트코드를 짰지만, url 주소나 userRoleEnum을 확인하지 않고 그냥 생성이 되는지만 확인되는 깡통 테스트코드이다. 공감수 0 댓글수 0 2023. 3. 2.
[내일배움캠프_Spring] 자바 Spring 입문_SSR,CSR_230224 SSR과 CSR은 모두 웹 애플리케이션에서 사용되는 프론트엔드 렌더링 방식입니다. SSR(Server-Side Rendering) 서버 측 렌더링은 서버에서 HTML 마크업을 생성하는 방식입니다. 이 방식은 페이지 로드 시 서버에서 필요한 모든 데이터와 HTML 마크업을 가져와 브라우저에 보낸 후 클라이언트에서 JavaScript 및 CSS를 로드하여 렌더링하는 방식입니다. 이렇게 하면 초기 로드 속도가 빠르고 검색 엔진 최적화(SEO)에 유리합니다. CSR(Client-Side Rendering) 클라이언트 측 렌더링은 브라우저에서 JavaScript를 사용하여 HTML 마크업을 동적으로 생성하는 방식입니다. 이 방식은 초기 로드 속도가 느리고 검색 엔진 최적화(SEO)에 취약하지만, 사용자 인터랙션에.. 공감수 0 댓글수 0 2023. 2. 26.
[내일배움캠프_Spring] 자바 Spring 최종 프로젝트 _트러블 슈팅_230222 프론트엔드에서 달력 형태로 날짜를 받아올 때 생긴 오류. 컬럼의 자료형을 넘는 큰 데이터를 넣었을때 발생하는 경고. 처음에는 프론트엔드의 문제인 줄 알았는데 막상 찾아보니 백엔드에서 발생하는 문제였다. date를 Date 로 도 받아보고, String으로도 바꿔봤지만 여전히 같은 에러 → ’Data truncated for column 'date' at row 1’ 를 받음. mySQL컬럼을 확인해보니 처음 값을 받을 때 자동생성으로 ‘date’컬럼이 만들어져 있었음. ‘date’ 컬럼을 지운 후 String 으로 date 값을 다시 받으니 제대로 들어오는 것을 확인할 수 있었다. 컬럼의 자료형을 넘는 큰 데이터를 넣었을때 발생하는 경고. 처음에는 프론트엔드의 문제인 줄 알았는데 막상 찾아보니 백엔드에서.. 공감수 0 댓글수 0 2023. 2. 23.
[내일배움캠프_Spring] 자바 Spring 최종 프로젝트 _프론트 엔드 연결_230220 datepicker 달력으로 날짜를 선택해 넣을 수 있게 해줌. jQuery에서 제공하는 위젯. 이번 프로젝트에서 모집 날짜를 받기 위해 사용할 예정이다. 프론트에만 적용되어있기 때문에 따로 값을 받아 적용해야 할 것 같은데 고민중.... spinner 토글로 숫자 값 받아오기 jQuery에서 제공하는 위젯. 이것도 프론트에서 구현해야 할듯... 지역도 jQuery를 이용해서 받고 싶음. 공감수 0 댓글수 0 2023. 2. 20.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.