frontend

$ 개발환경은 Mac OS Catalina임을 알려드립니다. $ 이번에는 JSP사용과 톰캣9 설치 과정을 설명해드리겠습니다. 제가 사용하는 건 맥북이라 좀 까다로운 편이니 이해해주시길 바랍니다. 우선 JSP가 뭔지를 알아야 합니다. JSP란 Java Server Page의 약자로서 일반적인 HTML과 다르게 PHP처럼 동적인 웹 개발이 가능하게 만들어준 스크립트 언어입니다. 일반적으로 JSP를 사용하기 위해서 Apache Tomcat과 연동을 해서 사용하는 경우가 많습니다. 톰캣이 해주는 역할은 JSP코드를 Servelet Class로 변환해서 실행을 시켜주는 역할을 합니다. JSP의 동작원리는 일반적으로 Model2를 활용하게 됩니다. JSP가 실행이 되면 우선 Web container로 해당 파일이 ..

$ 개발 환경은 Mac OS Catalina임을 알려드립니다 $ 오랜만에 Web관련 포스팅을 합니다. CSS설정는 사실 내용적인 부분이 암기가 많습니다. 그래서 개발할 때는 W3school을 참조하는 게 좋습니다. 내용이 너무 방대하니까요. 이제 좀 더 코딩적인 요소에 가까운 JavaScript와 JSP에 대해서 알아봅시다. 이번주 과제는 JavaScript를 활용해서 게시글 업로드를 하고 사용자가 입력한 내용을 출력시켜서 보여주면 되는 것과 form에서 입력한 결과를 alert에서 보여주는 처리를 해주면 됩니다. 우선 좀 쉬운 2번 과제부터 진행해봅시다. form태그에 기록할 수 있는 대부분의 내용들을 입력을 받고 해당 내용을 alert로 출력해주면 됩니다. 우선 form태그 형식을 짜봅시다. inpu..

시험공부용 HTML / CSS3 / JavaScript 내용 정리본입니다. > HTML 태그 - 태그 내부에 아무리 많은 공백을 입력해도 무시함 -> 사용해서 공백 적용 - 태그 사용하면 적은 그대로 출력해줌. 공백, 줄 바꿈 모두 적용. - 숫자 클수록 작은 제목 적용 - 구분선 - 볼드체, 이텔릭체 - 태그(목록 태그) 하위에, 항목은 태그로 추가한다. 해당 목록들은 넘버링이 없음. 태그 내부에 태그 추가 가능함. - 태그(목록 태그)는 과 동등하게 사용하지만 넘버링이 붙는다. 넘버링 종류는 type=””으로 결정해주면 된다. Start값 설정해주면 해당 번호부터 시작한다. > value 사용해서 중간에 낚아채기도 가능. - 로 제목, 설명 가능 - 에서는 target값에 따라 링크 ..