* 실습환경 intellij Ultimate , mac ventura os 13.3.1를 기준으로 작성됨. * intellij, JSP, Tomcat을 이용해 간단하게 web개발 실습을 하는 초보자에게 도움이 될만한 글임.(DB연동 x) * 나를 비롯한 초보자를 위해 A부터 Z까지 상세하게 서술하는 글이니 특정 정보를 얻고자 방문한 분은 시간낭비할 확률이 높음. * 또한 단순히 방법론적인 정보 전달 측면의 글이 아닌 어떤 이유로 이러한 과정을 거치는지에 대해 아는 만큼 서술할 예정. * 이 글을 보시는 분들도 단순히 따라하면서 프로젝트를 만들고 실습환경을 세팅하는데에 급급하기보다 공부하는 차원에서 보셨으면 함. 1. intellij로 Web Project를 생성하게 된 계기 : 기존에 eclipse로 J..

1. JSP(Java Server Page)란 무엇인가? JSP는 HTML언어를(HTML, CSS, JavaScript) java코드를 기반으로 작성하게끔 도와주는 프로그램 언어이다. 언어라고해도 크게 다를 건 없고 기존의 HTML언어와 java언어를 사용하되 몇가지 표현법(expression)을 이용하는 것이다. 즉 JSP는 간단하게 말하면 파일의 확장자는 .jsp를 기반으로 한 파일위에 java code를 얹을 수 있게 해주는 언어인 것이다. 2. JSP 태그종류와 사용방법 JSP 태그를 어떻게 사용하는지 잘 보여주는 Reference Code이다. 태그에는 일반적인 java태그를 작성하는데 여기에서 작성된 java code는 홈페이지 상으로 노출되지 않는다. 홈페이지에 값 혹은 문자열같이 변수를 나..

1. 백준 코딩테스트 입력값 받는 법 백준 코딩테스트를 준비하려고 하는데 기존에 프로그래머스에서 진행하던 방식과는 입출력 방식이 조금 다른 형태라 당황했다. 우선 간단하게 정리하자면 백준에 답안을 제출할때는 다음과 같은 형식을 지켜야한다. 1. 클래스의 이름은 Main클래스, 이외에 package 경로는 없어야한다. 2. 입력값이 주어진다고 하는 문제가 대부분인데 이 때 Scanner 혹은 BufferedReader를 통해 입력값을 받아야 한다. 뿐만 아니라 입력값이 첫 째줄에 띄어쓰기로 들어오느냐 개행 후 별개로 들어오느냐에 따라 처리방식이 달라진다. 현재까지는 다음과 같은 규칙들만 확인한 상태이다. 1번 규칙같은 경우는 쉽게 적용시킬 수 있으나 2번의 경우 초급자에게는 조금 난해할 수 있다. 백준에서..

같은 remote에 서로 다른 branch가 있다고 했을 때 branch에 내용은 서로 다를 것이다. 이 때 다른 branch에 commit하기 위해서는 remote 저장소에 있는 것을 당겨오는 pull을 진행해야 하는데 pull이 되지 않는다. 우선 기본적인 git의 pull 조건은 다음과 같다. 현재 local 저장소(staging area를 뜻한다.내 컴퓨터의 저장소를 뜻하는 것이 아님. add한 상태가 staging area에 변경사항이 올라간 것) 보다 remote 저장소에 추가 commit 내용이 있을 경우 -> 이 때 remote에만 변경사항이 있을 수 있고 local과 remote 둘다 변경사항이 있을 수 있다. local만 변경사항이 있는 경우는 문제되지 않는다. 그냥 push가 가능. ..

개발에 처음 발을 들였을 때 github에 대해 알게 됐을 때 내가 직면한 가장 큰 문제는 '어떻게 여러 사람이 한 번에 하나의 저장소에 업로드하지?' pull을 하고 push를 하라, pull이 안되면 이렇게 해라~ 등의 해결책등을 써봐도 나는 동일한 폴더에서만 commit이 됐고 각기 다른 폴더에서는 commit 할 수 없었다(즉 git init이 실행된 폴더가 아니면 push하지 못한다는 뜻). 그 때는 포기헀으나 지금은 해결한 그 문제에 대해 얘기해보려한다. 그 전에 GitHub의 Repository의 구조에 대해 먼저 알아보자. push는 fetch와 merge 두 가지 과정이 합쳐진 명령어이다. fetch는 현재 나의 로컬 저장소로 원격 저장소의 commit 내용을 가져오는 것이다. 즉 원격저..

목차 1. DOM Element란? 2. Element에 접근하는 다양한 방법 1. DOM Element란? JavaScript에서 우리는 HTML과 CSS로 스타일링이 적용된 텍스트를 작성하고 레이아웃을 만들었다. 이때 JavaScript를 통해 작성한 HTML파일과 CSS파일의 속성을 바꿀 수 있는 다양한 방법이 있고 이를 위해서는 Element 타입의 객체가 필요하다. Element는 정확히 말하자면 DOM(Document Object Model)로 DOM은 하나의 인터페이스라고 생각하면 되고 그 하위 요소로 태그에 해당하는 다양한 Element가 존재하게 된다. Element 객체는 html파일에 작성한 열린태그부터 닫힌 태그까지 전체 내용을 값으로 가지고 있다. 그러나 주의해야할 것은 Strin..