웹 개발의 기록들

안녕하세요. Nerd-Lee입니다. 공부 내용은, 인프런 박매일님의 [NarP Series]MVC 프레임워크는 내 손에[나프1탄] 을 참고하였습니다. 1. jsp만의 독특한 태그 1.1 - 지시자 태그를 jsp에선 지시자라고 부른다. 1.2 - 스크립트릿 태그를 jsp에서 스크립트릿 이라고 부른다. 1.3 - 출력식 지금 몇시야? 태그를 jsp에서 출력식이라고 부른다. 2. VIEW ( jsp ) 프리젠테이션 로직이라고도 하고, 클라이언트가 서버에 요청을 할 때, 응답을 하면서 보내주는 것이 jsp (view) 다. MVC 패턴이라고 불리는 것 중 V에 해당한다. 3. 비즈니스 로직 생성해보기 webapp에 sum.jsp 파일을 만들어보자. 예 ) 1~10까지의 총합을 구해서 출력해보자. Configur..

안녕하세요. Nerd-Lee입니다. 프로그래머들은 귀찮은 걸 굉장히 싫어합니다. 그래서 단축키 몇 개 정도만 알아도 마우스에 손을 가져 갈 일이 없어지는데요. 이번 글은 STS (Spring Tool Suite) 단축키에 대한 내용을 정리해봤습니다. 단축키에 대한 내용들은 생각날 때 마다 추가 할 예정입니다. Window 환경에서 작업중이기 때문에, Window 환경에 맞는 단축키가 적혀있는 점 양해 부탁드립니다. 1. 검색 (Ctrl + F) Ctrl + F 를 눌러서, 해당 파일에 있는 단어를 한 번에 고치거나 찾을 수 있습니다. 2. 전체 검색 (Ctrl + H) Ctrl + H 키를 눌러서, 프로젝트 내에 있는 모든 폴더들을 탐색할 수 있습니다. 만약 새로 입사를 해서 진행되어 있는 프로젝트의 파..

안녕하세요. Nerd-Lee입니다. 공부 내용은, 인프런 박매일님의 [NarP Series]MVC 프레임워크는 내 손에[나프1탄] 을 참고하였습니다. 1. 정적 페이지 ? 동적 페이지 ? 정적 페이지가 어떤 것이고, 동적 페이지가 어떤 것이냐 1분마다 시간을 물어본다고 예를 들어보도록 하자. 그런데, 정적인 페이지는 시간이 변경이 되질 않는다. 하지만 동적인 페이지는 2시 50분이면, 2시 50분이라고 출력이 되고 1분 뒤에는 2시 51분이 출력되게 된다. 가장 큰 차이점은, 프로그래밍을 할 수 있느냐 없느냐라는 것이다. 2. 홈페이지 파일의 역할 HTML 뼈대를 나타내는 파일이며, 홈페이지의 쌩얼이라고 생각하자. CSS Casting Style Sheet의 약자로, 꾸미기 위한 파일이며, 홈페이지의 색..

안녕하세요. Nerd-Lee입니다. 공부 내용은, 인프런 박매일님의 [NarP Series]MVC 프레임워크는 내 손에[나프1탄] 을 참고하였습니다. C#으로 유니티엔진을 사용하고, 프론트엔드 개발자가 되겠다고 React 와 typescript , next.js, node.js 를 공부하던 내가 Spring 을 할 줄은 생각을 못했다. 하지만 Spring을 배울 수 있는 좋은 기회라고 생각했으나.. 막상 입사를 하고 코드를 보다보니 비슷하지만 다른 느낌이 있다. MVC 패턴에 대한 이해도도 부족하고 말이다. JPA를 배우기에는 기본기가 없으니 기본기를 배우자.. 특히 회사 실무에 필요한 내용들을 배우자 생각했고 퇴근하고 공부하면서 보는 강의가 위에 적혀있는 강의이다. jsp, mybatis, mysql,..

안녕하세요. Nerd-Lee입니다. 공부 내용은, 인프런 박매일님의 [NarP Series]MVC 프레임워크는 내 손에[나프1탄] 을 참고하였습니다. WAS ( Web Application Server ) 가 알 수 있는 구조는 다음과 같이 만들 수 있다. 이클립스 환경에서, Java Project를 생성한다. Web이라는 프로젝트를 만든다. 프로젝트를 만들면, src라는 폴더와 bin 폴더가 생긴다. Web Application 기본 디렉터리 구조 프로젝트 폴더 이름 ( root project folder ) -- src -- webapp -- WEB-INF -- lib -- classes -- web.xml -- bin1. WEB 이 프로젝트 이름이 꼭 WEB이 아니여도 되지만, 그냥 최상위 프로젝트..

안녕하세요. Nerd-Lee입니다. 첫 웹 개발 실무를 위해 현재 회사에 입사해서 프로젝트를 보면서 Spring MVC 패턴에 대한 내용들과, mybatis에 관련되서 궁금했던 내용들을 정리해봤습니다. 도움이 되신 분들이 있으셨으면 좋겠네요ㅠㅠ 1. MVC 패턴이란? 디자인 패턴 중 하나로써, Model, View, Controller의 약자이며 하나의 애플리케이션 또는 프로젝트를 구성할 때 그 구성요소를 세가지의 역할로 구분한 패턴. 사용자가 컨트롤러를 조작하면 컨트롤러는 모델을 통해서 데이터를 가져오고, 가져온 데이트를 바탕으로 시각적인 표현을 담당하는 View를 제어해서 사용자에게 전달한다. 간단하게 표현하자면 User -> Controller -> Model -> Controller -> View..

안녕하세요. Nerd-Lee입니다. 이 내용은 우아한형제들의 개발 팀장이신 김영한 님의 을 참고해서 공부한 내용을 바탕으로 글이 작성되었습니다. 1. 프로젝트 생성 spring boot start page 가기 스프링 부트는 스프링 프로젝트를 쉽게 만들 수 있게 한다. maven과 gradle을 선택할 수 있는데, 요즘은 gradle로 많이 넘어가는 추세. 언어는 자신이 사용 할 언어를 추가하면 된다. 듣고 있는 강의는 Java를 사용하기 때문에, Java 선택 버전은 안정화 된 버전을 사용하는 것이 좋은데, Snapshot / M1,M2가 붙어있지 않은 버전이 안정화 된 버전이라고 생각하면 된다. Project Metadata는 그룹과 아티팩트를 입력해줘야 하는데, 회사 프로젝트를 진행한다면 회사에서 ..

Box 하나만을 화면 정가운데에 정렬하고 싶을 때가 있는데 가운데로 정렬할 수 있는 방법은 있지만, 정가운데로 정렬하는 방법을 모를 수가 있다. 코드는 다음과 같다. [ HTML ] [ CSS ] body{ width: 100vw; height: 100vh; } .box{ position: relative; left: 50vw; top: 50vh; transform: translate(-50%, -50%); width: 200px; height: 200px; background-color: black; } 이렇게 하면 정가운데로 정렬이 가능하다.