본문 바로가기
반응형

전체 글272

36일차. HTML Form 태그와 input 그리고 JSP Form태그는 우리가 알게 모르게 방문하고 있는 웹사이트에서 아주 많이 사용되고 있는 태그이다. 사용자가 입력한 데이터를 한번에 서버로 전송한다. 전송된 데이터는 웹 서버가 처리하고 결과에 따른 또 다른 웹페이지를 보여준다 우리가 쇼핑을 하러 쇼핑몰을 들어가거나, 어떠한 사이트에 회원가입을 할때도 다 Form 태그가 사용되어 우리 눈에 보이지 않지만(보여질때도 있지만) 데이터가 전송되고 또 그 전송된 결과에 따라 페이지가 이동되는것이다. Form 태그의 기본 문법부터 살펴보자. Form 태그입니다. 좀더 쉽게 설명하자면 action에는 폼 형식의 html 파일에서 데이터가 입력되면 그 데이터를 "어디로 넘겨줄지" 정하는것이다. 페이지 -> 페이지 간의 이동을 설정한다고 이해하면 쉬울것이다. Method는.. 2022. 12. 14.
HTML <STRONG> 태그와 <EM> 태그 Strong 태그는 문서에서 중요함을 나타내는 문서이다. 지금도 방금 글을 쓰면서 중요함 에 강조하기위해서 "굵게" 옵션을 사용했는데. 이와 같은것이다. 문자를 굵게 나타내주고 중요하다고 표시해줄수 있는 태그가 바로 태그이다. Strong 태그는중요함을 나타내주기 위한 코드입니다 Strong 태그 알아보기 중요함을 나타내주는 태그로써 웹 텍스트에서 중요함을 강조하기 위해 굵게 표현해줍니다. HTML 삽입 미리보기할 수 없는 소스 EM태그는 문자열을 강조하기 위해서 사용하는 태그이다. 예를들어 문장이나 단어를 강조 하기 위해서 사용되어지는데. 이건 바로 코드로 확인해보면 어떤말인지 알수있다. EM 태그 알아보기 중요한건 꺾이지 않는 마음! 우리는 바로 이 마음가짐을 지니며 살아 가야합니다. 포기하지 않는다.. 2022. 12. 13.
35일차. JSP를 위한 이클립스(Eclipse) Enterprise 와 Tomcat 9설치 2022.10.26 - [Study/중앙정보처리학원과정] - 2일차. 이클립스 설치(구버전 설치) 및 환경설정 2일차. 이클립스 설치(구버전 설치) 및 환경설정 오늘로써 2일차가 밝았습니다. 이제 이틀차인데 벌써부터 몸은 무겁고 지치고 과연 이 블로그 글을 언제까지 꾸준히 쓸수 있을까 라는 의문이 드는건 왜일까요.... 힘 닿는데까지 열심히 기록해 yat-ong.tistory.com 드디어 JSP를 위한 세팅이 시작되었다. 이제 이클립스로 웹을 실행해줄거라 웹개발용 Enterprise 버전의 이클립스를 설치해줘야한다 우리는 그전에 Java 실행을 위한, 즉 웹 기능이 없는 이클립스를 설치해주었기때문에 Enterprise 버전의 이클립스를 다시 설치해줘야한다. 이전에 발행한 글을 보고 버전에 맞춰서 202.. 2022. 12. 13.
HTML의 <H(n)>, <P>,<BR> 태그 태그 - heading tag라고도 불린다. 검색엔진 최적화에도 중요하게 사용되는 태그이며, 주로 콘텐츠의 대제목, 중제목, 소제목 같은곳에 사용된다. 부터 까지 있는데, 숫자가 작을수록 중요한 의미를 나타내준다. 따라서 가장 중요한 의미를 가지고 있는건 , 가장 적은 중요한 의미를 가지고 있는건 이다. 그리고 태그를 사용하면서 유의해야될점이 2가지가 있다. H1태그는 한페이지에 하나만 사용해야 된다 H(n)태그는 H1부터 순차적으로 사용하는것이 좋다. 태그 - paragraph의 앞글자를 따서 p태그라 불리우는데 단락이라는 의미를 가지고 있다 쉽게 얘기하자면 한문장의 시작과 끝을 정하는게 태그라고 할수 있다. Visual Studio Code에서 태그를 테스트해보려면 시작태그와 끝태그를 입력후 사이에 .. 2022. 12. 12.
34일차. HTML 이미지 삽입(img src) 그리고 링크삽입(a href) 오늘도 이어지는 HTML 수업이다. 오늘은 이미지 삽입과 관련된 태그, 그리고 링크 삽입하는 태그를 배웠다. 백코드 불여일견. 바로 이미지 삽입 코드의 문법을 알아보도록 하자. 이미지 삽입 테스트 img 태그는 종료 태그가 없다. 따라서 img src로 시작해서 마지막 닫아주는 괄호에 /만 붙여주면 된다. 안붙여줘도 작동은 한다. alt 는 이미지가 깨졌을시 대체해서 보여줄 문자열이다. title은 말 그대로 이미지 위에 마우스오버를 했을때 말풍선처럼 발생시킬 문구를 의미한다. 테스트삼아 저작권이 없는 이미지를 하나 다운로드 받아서 경로에 넣어주었다. 정상적으로 잘 출력이 된다. 이번엔 경로를 일부러 틀리게해서 사진이 나오지않도록 처리해보았다. 사진이 깨지면서 alt 부분에 입력해놓은 문구가 출력이 된다.. 2022. 12. 11.
Visual Studio Code에서 유용한 Extensions 1. Live Server 제목 그대로 Live server를 열어준다. 웹브라우저로 열어주는데 HTML 코드 작성 및 수정시 저장하면 실시간으로 Live Server로 열은 웹페이지에서 반영이 된다. 새로고침이 필요없다. 실행방법은 설치 후에 HTML 문서 내에서 마우스 우클릭 -> Open with Live server를 클릭하면 된다 2. indent-rainbow Visual Studio Code의 기본 들여쓰기 표현식은 너무 잘 보이지않는다. 이것을 빨주노초파남보 색상으로 구별해주어 가독성을 높여준다. 설치와 동시에 적용되며 적용후 모습은 아래와 같다. 들여쓰기 한 부분이 색상으로 표시되어 좀더 보기 좋아졌다. 3. Auto Rename Tag 이게 정말 좋은거같다. HTML는 시작태그와 끝태그.. 2022. 12. 10.
반응형

티스토리툴바