Web Developer

HTML, CSS, JAVA, JavaScript, JSP...

6

JAVA 소개

나는 앞서 공부중이던 프론트엔드와 더불어 백엔드도 공부해 풀스택 개발자를 목표로 하고있다. 예전에 학교에서 JAVA를 공부하고, jsp문서로 DB와 자료교환을 통해 게시판만드는 과정까지 공부 했던 적이 있다. 하지만 이미 몇 년이 지나버렸고, 기초가 탄탄하지 못하다는 생각에 아주 처음으로 돌아가 처음부터 제대로 공부 해보고자 한다. 프로그래밍 프로그래밍이란, 컴퓨터와 대화하며 컴퓨터에게 일을 시키는 작업이다. JAVA 자바는 1995년에 발표된 프로그래밍 언어이다. 원래는 가전제품 내에 동작하는 프로그램을 위해 개발되었지만, 웹의 등장으로 엄청난 성공을 거두며 프로그램 개발의 주류언어중 하나가 되었다. 안드로이드에서도 자바가 널리 사용되었고 특히 우리나라 대부분의 공공기관에서 사용하고 있어 활용도가 굉장..

스타일시트(CSS) 선언방법

스타일시트는 내부 스타일시트, 인라인 스타일시트, 외부 스타일시트 방법으로 사용 할 수 있다. 1. 내부 스타일 시트 내부 스타일시트는 해당 문서의 사이에 선언합니다. 태그로 선언하며 태그 사이에 스타일을 작성하면 됩니다. 스타일 작성 방법은 아래와 같습니다. 선택자{속성: 속성값;} 1개 이상의 속성과 속성값 사용도 가능합니다. 선택자{속성: 속성값; 속성: 속성값;} 2. 인라인 스타일 시트 인라인스타일시트는 html 태그에 스타일을 직접 지정하는 방법입니다. 단,

프론트엔드/CSS 2021.07.31

html5 기본구조

지금까지는 이전버전의 html에서 사용되던 방법으로 구조잡는 연습을 했습니다. 이제부터는 html5버전의 웹표준에 맞춰서 코딩하는 연습을 해 보고자 합니다. html5는 시멘틱태그를 활용하여 코딩된다고 합니다. 물론 이전에 사용되던 방식을 사용해서 코딩해도 웹이 동작하는데 있어서는 전혀 문제가 없습니다. 하지만 웹페이지를 만든다는것은 곧 누군가에게 보여주기위함이고, html5 방식을 사용해서 코딩하면 네이버 봇, 구글 봇 등 컴퓨터 친화적으로 우리 웹페이지의 데이터를 전송 할 수 있습니다. 이 말은 즉 검색을 통해 노출 될 확률이 높아진다는 것을 의미하기도 합니다. 또한 웹표준에 맞춰 코딩을 하면 접근성을 향상시킬수 있습니다. 일반인은 물론 장애우께서도 음성정보등을 통해 웹 사이트를 방문 하실 때 어려움..

프론트엔드 2021.07.31

html 테이블 구조 연습

xhtml에서는 table태그 사용이 금지되었다가 html5로 넘어오면서 table태그를 다시 사용하기 시작했다고 합니다. table로는 웹 구조를 잘 짜지 않습니다. html5에서는 시멘틱 태그들을 이용해 구조 잡는게 중요하다고 합니다. 저는 지난시간에 공부했던 table태그에 대해 좀 더 연습해 보기 위해 table태그를 이용해 홈페이지 layout을 구성 해 보았습니다. 공부를 도와주고 계신 강사님께서 제공 해 주신 예시 홈페이지 입니다. 먼저 어떻게 구조를 짤 지 고민 해 보았습니다. 큰 테이블을 하나 생성 한 후 테이블 내부에 필요한 테이블들을 추가로 생성하고 colspan과 rowspan태그를 활용해 만들어보면 되겠다 생각했습니다. table태그만 사용하면 화면에 시각적으로 보여지지 않습니다...

html 에디터 설치 및 html 기본 구조

1. 에디터 설치 - 비주얼 스튜디오 코드 Visual Studio Code 서브라임텍스트, 이클립스 등 많은 에디터가 있지만, Visual Studio Code를 사용하려 한다. 설치 방법은 딱히 설정 할 것 없이 다음다음 눌러주면 된다. 설치는 공식홈페이지에서 하면 되고 아래 링크를 누르면 공식 홈페이지로 연결된다. https://code.visualstudio.com/Download Download Visual Studio Code - Mac, Linux, Windows Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. Download Visual Studio Code to ex..