TIL 기록장👊🏻

안녕하세요!KB IT's Your Life 7기 기자단 입니다 이제 정규 수업은 끝이나고 파이널 프로젝트에 들어가는 시기네요!!!벌써 시간이 이렇게나 지났다니....시간이 빠르면 열심히 살고있다는 증거라고 생각하고 더더욱 열심히 개발하겠습니다>이번 시간에는 게시판 수정 페이지를 마무리하고 인증 가드까지 붙이는 작업을 했어요!!!기능 하나씩 붙여나가다 보니까 이제 진짜 서비스 같아 보이기 시작했습니다.게시판 수정 페이지 마무리수정 페이지에서 기본적으로 필요한 것들부터 준비했어요.반응형 데이터를 위한 ref, reactive, 현재 글 번호를 알기 위한 useRoute, 수정 완료 후 이동을 위한 useRouter — 거의 항상 이 두 개가 세트로 따라다닙니다.const route = useRoute()co..

오늘은 실제 게시판 화면을 구성하는 단계입니다. 목록, 상세, 글쓰기, 수정, 삭제까지 JSP 뷰를 직접 붙여보면서 정리한 내용을 담았습니다.시작 페이지를 목록으로 redirect개발 중에는 매번 손으로 URL을 치는 게 불편합니다. 그래서 홈 컨트롤러의 index 처리를 잠깐 바꿔서, 기동되자마자 게시판 목록(/board/list)으로 redirect 되게 했습니다.원래 index로 가던 코드는 주석으로 막아두고, 개발이 끝나면 다시 풀어주면 됩니다. 개발하는 동안 계속 게시판을 확인할 거라 목록부터 보이는 게 편합니다.목록 보기, JSTL 루프와 날짜 포맷목록은 표로 만들고 아래에 글쓰기 버튼을 둡니다. 글 목록을 출력하려면 반복문이 필요하니 JSTL c:forEach를 씁니다. ..

본 게시글 이미지들은 AI를 활용하여 생성되었습니다.안녕하세요!이번엔 티스토리에 가볍게 정리해두는 Spring 데이터베이스 연동 후기 들고왔어요.네이버 블로그에 백엔드 후기는 따로 길게 써뒀고,드디어 MyBatis가 등장했는데 한번 정리해볼게요! .JDBC는 원리만, 실전은 MyBatis강사님이 처음에 이렇게 정리해주셨어요.JDBC는 원리만 이해하면 되고, 못 써도 크게 문제없다고요.워낙 귀찮은 작업이 많아서실전에서는 다 상위 레벨 프레임워크를 쓴다고 하셨습니다.우리가 쓸 건 MyBatis인데스프링이 연동을 워낙 깔끔하게 지원해줘서정작 우리가 신경 쓸 건 XML 쿼리뿐이라고 하셨어요.커넥션 풀의 표준, 히카리CP데이터 소스 얘기가 나왔어요.연결된 DB 커넥션을 부르는 일반 용어이고,주로 커넥션 풀로 관리..

안녕하세요,오늘은 오후 실습 시간에 다뤘던JSP 심화 내용을 정리해보려고 해요!직접 JSP 파일을 만들고 생성된 .java 파일까지 뜯어보면서동작 원리를 체감하는 시간이었습니다.너무 따라가기 어려웠어요......JSP는 결국 서블릿이다JSP를 요청하면 전용 .java 파일이 자동 생성되고,_jspService() 메서드가 매 요청마다 호출돼요.카탈리나 베이스의 work 폴더에서 직접 확인해봤는데,HTML 태그가 전부 out.write()의 인자로 들어가 있더라고요.의미 없는 줄바꿈이나 탭도 다 인자가 되니까,불필요한 공백은 안 쓰는 게 좋다는 걸 느꼈어요.페이지 디렉티브 — errorPage와 buffererrorPage/isErrorPage 조합으로예외 처리 전용 페이지를 만드는 실습이 인상적이었어요...

안녕하세요!오늘은 JSP랑 Servlet의 동작 흐름을 본격적으로 다뤘어요양이 많아서 핵심만 깔끔하게 정리해 볼게요페이지 이동, 두 가지 방식서블릿에서 out.print로 결과를 직접 뽑는 건 너무 불편해요그래서 JSP로 넘겨서 응답을 만드는 구조를 잡았어요이동 방식은 두 개RequestDispatcher.forward()같은 웹 컨텍스트 안의 JSP로 이동요청·응답 그대로 전달하고 돌아오지 않아요서버 사이드 이동response.sendRedirect()외부 서버나 다른 페이지로 이동클라이언트가 다시 요청하는 방식카카오 인증 서버 같은 외부 이동에 사용JSP는 사실 서블릿이에요JSP를 요청하면JSP용 .java 파일이 자동 생성되고.class로 컴파일돼서 실행돼요확인하는 경로는카탈리나 베이스의 work ..

안녕하세요, KB IT's Your Life 7기 기자단입니다! 오늘 정리할 내용은 DB 설계 부터 SQL 실습까지 입니다!이번에 SQLD 시험을 보는데 여기서 배우는 내용들이 많이 도춤이 되고 재밌었어요!!그럼 시작해볼게요~DB 모델링솔직히 처음엔 모델링? 싶었어요.데이터베이스 수업인데 갑자기 설계 얘기가 나오니까요..테이블을 그냥 막 만들면 나중에 다 갈아엎어야 되는데그래서 미리 어떤 데이터가 필요하고 어떻게 관리할지를 단계별로 정리해야해요이 과정이 모델링이에요.단계가 세 개 있는데요,개념적 모델링은 고객이랑 개발자가 "이런 데이터 맞죠?" 확인하는 단계,논리적 모델링은 개발자들끼리 ERD 그림 그려가며 테이블 구조 잡는 단계,물리적 모델링은 실제로 CREATE TABLE 같은 SQL로 구현하는 단계..

안녕하세요! KB IT's Your Life 7기 기자단입니다! 코딩테스트 특강이 어느덧 끝나가고 있는데요! 아직도 너무너무 어렵고 힘드네요 ㅠㅠ...오늘은 트리의 기본 개념부터 DFS, BFS 구현, 그리고 전위·중위·후위 순회까지 수업에서 배운 내용을 정리해봤으니 끝까지 읽어주세요!트리(Tree)가 뭔데?트리는 그래프의 특수한 형태예요. 일방향이고, 비순환이고, 부모-자식 관계로 맺어지는 계층형 자료구조죠쉽게 말하면 컴퓨터 폴더 구조를 생각하면 돼요. C드라이브 안에 문서 폴더가 있고, 그 안에 또 하위 폴더가 있는 것처럼 위에서 아래로 뻗어나가는 구조가 바로 트리예요. 여기서 꼭 알아야 할 용어들이 있는데요!! 루트 노드: 트리의 맨 꼭대기에 있는 노드. 부모가 없는 유일한 노드예요. 리프 노드: ..

안녕하세요, KB IT's Your Life 7기 기자단입니다! 드디어 코딩테스트 특강이 시작됐어요!!끝까지 재미있게 읽어주세요! 🚀📌 자료구조가 뭔데?수업 시작하자마자 자료구조가 무엇인지부터 들어갔어요.자료구조는 데이터를 저장하고 관리하는 방식이에요.영어로 Data Structure. 이렇게 말하면 뭔가 대단해 보이는데 사실 우리가 이미 쓰고 있는 거예요.예를 들어 학생 이름을 저장한다고 해볼게요.String student1 = "김민수";String student2 = "이서연";String student3 = "박지훈";이것도 자료구조예요. 변수에 하나씩 담은 거죠.근데 이러면 "전체 학생 이름 출력해줘" 할 때 일일이 다 써야 되잖아요.String[] students = {"김민수", "이서연..

Switch-Case문 (Switch Statement)등장 배경 문제점: 다중 if문: 코드가 지저분함 OR 조건 만들 때 표현이 복잡함 해결책: Switch문으로 코드 개선 기본 문법switch(검사값) { case 값1: // 실행 코드 break; case 값2: // 실행 코드 break; default: // 기본 실행 코드}타입 제한사항 사용 가능: 정수형(int, long 등), String 사용 불가: 실수형(double, float), 대부분의 참조 타입 실수 불가 이유: 실수는 근삿값으로 저장됨 완전 일치 비교 시 오류 발생 가능성 String 예외:..

안녕하세요! KB IT’s your life 7기 기자단입니다저는 요즘 스켈레톤 프로젝트 한창 진행 중인데요!Pinia를 써야 하는 상황이 왔는데 막상 쓰려니까 수업 때 배웠던 내용이 정리가 안 된 느낌이더라고요...그래서 이번 기회에 제대로 복습 겸 정리해 봤어요!저처럼 Pinia 개념이 아직 어렵다! 하는 분들께도도움이 됐으면 좋겠습니다 ㅎㅎPinia 전에 알아야 할 것Pinia를 왜 써야 하는지 이해하려면먼저 기존 방식인 Provide/Inject가 뭐가 문제인지부터알아야 해요!Provide/Inject는 부모 컴포넌트가 데이터를 제공(Provide)하고자식 컴포넌트가 받아서(Inject) 쓰는 방식이에요근데 프로젝트가 커지니까 이런 상황이 생겨요문제 1. 형제 컴포넌트끼리 데이터 공유가 안 돼요A..