정신 바짝

해당 포스팅은 강의 복기용으로 키워드를 기록하는 용도의 포스팅입니다. -------------------------------------------------------------------------------------------------- 세미프로젝트 후 수업 AJAX(Asynchronous Javascript And XML) :비동기적으로 서버와 요청하고 응답받는 기술. XMLHttpRequest객체를 이용한다. 전체 페이지를 갱신하는 경우 자원과 시간을 낭비하게 된다. 필요한 부분만 비동기적으로 정보를 갱신하는 기술. 비동기적으로 특정 이벤트가 발생하였을 때 서버를 갔다온다. 페이지를 이동할 때 같이 이동하여야 할 자원들. 기본소스들. 그런 것들을 그대로 둔 채로 필요한 부분만 서버와 통신하여..

국비지원 세미프로젝트를 마쳤다. 2022년 8월 4일에 세미 조가 결성되었고 수업 및 문서작업의 시간을 거쳐 9월 16일 부 2022.09.18 - [프로그래밍/프로그래밍 연습 및 기타 등등] - [썸머노트] 썸머노트 에디터에 업로드한 이미지를 원하는 내부 경로에 저장하고 경로값을 DB에 저장하기 터 9월 28일까지 작업을 하여 결과물을 만들어 내었다. 지금은 파이널프로젝트 조가 결성되었고 AJAX 및 API 등을 추가적으로 강사님께서 강의해주고 있는 시점이다. 올 해 1월에만 해도 직장을 다니고 있던 내가 개발자가 되기로 결심하고 여러가지 과정들을 거쳐 이렇게 세미프로젝트를 마쳤다는 것이 뿌듯하다. 세미프로젝트를 하면서 걱정되었던 것들이 많이 있었다. 제대로 무언가를 만들어보지 않았는데 새롭게 알게된 ..

학원 세미프로젝트에서는 문서를 만드는 것이 귀찮았는데 막상 혼자 무언가를 만들어보려고하니 문서를 만드는 것의필요성을 느끼게 되었다. 기획서, 요구사항 정의서, 각종 다이어그램과 ERD를 만들면서 머릿속에 있던 추상적인 그림을 구체화 할 수 있는 것 같다. 카카오오븐 :와이어프레임 OvenApp.io Oven(오븐)은 HTML5 기반의 무료 웹/앱 프로토타이핑 툴입니다. (카카오 제공) ovenapp.io ERDCloud :ERD, SQL 익스포트 등 ERDCloud Draw ERD with your team members. All states are shared in real time. And it's FREE. Database modeling tool. www.erdcloud.com Diagram.ne..

css 사용이 어려워서 네이버 메인화면을 개발자 도구로 살펴보았다. -부모요소에서 폭을 설정하고 -자식요소에서 폭과 높이, position,float, padding,margin을 설정해서 모양을 잡는다. -바디부터해서 상위요소부터 하위요소까지 위에서 아래로 차례차례 하나하나 한땀한땀 설정해준다. -공통된 요소는 class로 빼고 -공통된 코드는 .css파일로 뺀다. ---------- body ㄴwrap ㄴheader ㄴcontainer ㄴfooter ---------- (가독성을 위해 자식요소의 css는 들여쓰기를 하자.) body에서 폰트 및 최소 폭 등 공통적인 부분을 설정한다. position - static -relative -absolute -fixed display -none -block:..

해당 게시물은 본인의 이해를 바탕으로 작성되었으므로 틀린 부분이 있을 수 있습니다. 댓글로 알려주신다면 감사하겠습니다! ---------------------------------------------------- Spring이든 summernote든 전혀 봄과 여름 같지 않았다. 이를 완벽하게 사용하기에는 아직 어려워서 Winter나 blizzardnote라고 해야하지 않을까(웃음). 하지만 이해하고 알아가면 알아갈수록 잘만 사용한다면 개발자에게 봄바람과 여름바다와 같은 훌륭한 도구가 될 것이라는 생각이 든다. 만든 사람들 대단하다. 이 글은 기본적인 썸머노트 연결법은 제외하며 가 썸머노트 에디터로 작동하는 상황을 기준으로 한다. 🧀 썸대노트의 이미지 업로드 동작 원리 이해 아아 이것이 썸머노트인가아름..

GitHub - mbk1991/Tripply Contribute to mbk1991/Tripply development by creating an account on GitHub. github.com 프로젝트 중 무엇을 어떻게 왜 했는지에 대한 기록. 주안점) 1. 학원에서 배운 것 위주로 최대한 복습, 활용, 응용 2. 복붙없이 직접 타이핑. 3. 방법에 대한 검색 외에는 검색없이 직접 생각한 로직으로 구현. =========양식========= ------------------------ # 🧾WHAT : 🍕HOW : 👀WHY : 목록으로 ================== 목록 #1.컨트롤러 메소드의 주석 #2.JSP의 주석 #3.게시물 목록 조회 쿼리문 #4.썸네일 형태의 게시판 목록 기능 #5.이..

해당 포스팅은 강의 복기용으로 키워드를 기록하는 용도의 포스팅입니다. -------------------------------------------------------------------------------------------------- 세미 프로젝트를 진행하고 있다. 문서작업은 어느정도 마무리가 되어서 코딩을 진행하면서 보완하면 되는 상황. 깃허브 협업 방식까지 학원에서 알려주어서 이제는 본격 작업을 시작 할 수 있게 되었다. 개강 이후로 참 정신없이 지나갔는데 그래도 학원에서 참 많은 것들을 배웠다. 직장을 다닐때 혼자 공부하면서 개념이 모호했던 것들이 학원을 다니면서 정리된 부분이 많다. 아쉬운 점은 학원에서 배운 것들을 아직 100% 소화하지 못했다는 점. 실습을 바탕으로 익힌 기본기를 ..

학원 프로젝트를 위하여 썸머노트 사용법을 알아보던 중 이름만 알고 왜 사용하는지 전혀 몰랐던 ajax와 json에 대해 조금은 이해를 하게 되었다. https://developer.mozilla.org/ko/docs/Web/Guide/AJAX/Getting_Started Ajax 시작하기 - 웹 개발자 안내서 | MDN 본 문서는 AJAX의 기본을 익힐수 있도록 해주며, 두 가지 간단한 훈련용 예제를 제공합니다. developer.mozilla.org AJAX의 강력한 특징은 페이지 전체를 리프레쉬 하지 않고서도 수행 되는 "비동기성"입니다. 이러한 비동기성을 통해 사용자의 Event가 있으면 전체 페이지가 아닌 일부분만을 업데이트 할 수 있게 해줍니다. 클라이언트와 서버 사이의 요청과 응답은 브라우저가..

학원에서 배운 것을 토대로 이런 형태의 게시판 목록을 만들어보고자 함. 해당 페이지는 무한 스크롤 방식이지만 한 페이지에 최대 9개의 게시물을 출력하고 페이징 처리를 해보고자 함. 페이징 처리에 앞서 일단은 3열로 출력 되도록 와 를 이용하여 보았다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 ${review.reviewTitle } ${review.reviewWriter } ${review.reviewCount } ${review.rCreateDate } Colored by Color Scripter cs 이렇게 하는 것이 맞는지는 모르겠으나 원하는 형태로는 화면이 나오고 있다. 추가적으로 알아본 것 이미지 태그의 src를 불러오지 못할 경우 대체 이미지..

해당 포스팅은 강의 복기용으로 키워드를 기록하는 용도의 포스팅입니다. -------------------------------------------------------------------------------------------------- 기본 댓글기능 실습 (대댓글X)) 태그를 이용하여 게시판 목록을 화면에 출력하듯이 처리 깃허브 협업 방식) 팀원 각각 작업 브랜치를 원격 저장소에 올리고 팀장이 원격에 올라가 있는 팀원별 작업 브랜치들을 하나하나 팀장 로컬의 main브랜치로 병합하여 로컬의 main브랜치를 최신상태로 만든다. 이후 이 최신 상태의 main브랜치를 원격으로 push하고 팀원들은 이를 pull 한다. 병합하고 남은 브랜치를 지우지 않고 계속 새로운 브랜치를 만드는 방식으로 진행하기 ..