본문 바로가기

전체 글65

Javascript 자바스크립트 기초 개념 이해하기 이름에 자바가 들어가있지만 Java 언어와는 완전히 다른 자바스크립트에 대해 배웠습니다. 단순하게 딱 나눠서 말한다면 자바스크립트는 클라이언트 즉 프론트엔드에서 사용하는 것이고 자바는 서버, 즉 백엔드에서 쓰는 것입니다. 그렇다면 자바스크립트를 사용하는 이유가 무엇일까요? 그것은 바로 웹에 접근하기 위해, 우리가 열심히 HTML에서 만들었던 tag들에 접근하기 위해서 스크립트를 짜는 것입니다. 보조 프로그래밍 언어로서 컴파일을 하지 않아 빠르고 가볍다는 장점이 있습니다. 이것에서 더 나아가 경량화 시킨 것이 JQuery라고 보시면 됩니다. 이렇게만 봐서는 실질적으로 어디에 쓰이는지 잘 모르겠는데, 한 가지 예시를 들자면 우리가 홈페이지에 회원 가입을 할 때 필요한 정보들을 입력하는 단계가 있습니다. 이 .. 2021. 6. 8.
HTML 시작하기 / 기본 개념 및 태그 학습하기(2) / font, div, a, img 이번에는 태그 안에서 사용하는 태그를 살펴보겠습니다. (1)에서 는 단락을 표현해준다고 배웠는데, 그럼 그 안에 문자열을 넣을 때 부분적으로 고쳐주고 싶다면 어떻게 태그를 활용해서 고쳐줄 수 있는지를 살펴보겠습니다. 1. 폰트 요리조리 바꿔보기 안녕하세요? 즐거운 하루 되세요 건강이! 최고입니다 제일 첫 줄은 아무것도 태그를 넣지 않은 단락이고, 두 번째와 세 번째는 태그와 태그를 사용하였습니다. 두 개 다 굵은 글씨로 나오고 큰 차이가 없는 것 같은데 왜 이름은 다른걸까요? 보이기에는 비슷한 것 같지만 하는 일은 완전히 다르다고 볼 수 있습니다. 일단 태그는 bold의 약자로 단순하게 글자를 부각시켜주는 역할만 합니다. 그런데, 태그는 글자를 강조할 뿐만 아니라 실제로 페이지 내에서 이 부분이 중요하다.. 2021. 6. 2.
HTML 시작하기 / 기본 개념 및 태그 학습하기(1) / heading, paragraph, pre-formatted 우리가 인터넷 창을 켜서 뭔가를 보거나 검색하려고 할 때, 등장하는 그 화면의 모습을 구현하는 것이 HTML입니다. 실질적으로 눈으로 확인하는 부분이기 때문에 간결하고 명료하게 화면을 꾸미는 것이 중요하겠죠? 크게 HTML이란 Hyper Text Markup Language의 약자로, 말 그대로 텍스트를 화면에 표시하는 언어입니다. tag로 구성이 되어있으며 기본 형식은 문자열 과 같습니다. 이와 함께 알아둬야 하는 약자를 정리하고 가겠습니다. URL : Uniform Resource Locator HTTP : Hyper Text Transfer Protocol 전송규약 URL은 도메인과 헷갈릴 수 있는데, 도메인은 해당 서버의 주소를 뜻하고(ex.www.naver.com) URL은 우리가 가고자 하는 .. 2021. 6. 2.
Eclipse로 HTML 실습을 위한 기본 설정 및 Tomcat 설치하기 이클립스를 활용하여 HTML의 태그 등 여러 활용법을 실습할 수 있습니다. 그 전에 설정을 맞춰주는 것이 중요하겠죠? 먼저 이클립스 상단 메뉴의 Window를 클릭해서 Preference를 클릭하면 위와 같은 화면이 뜹니다. 아래에 Web -> HTML Files를 클릭하여 Encoding을 UTF-8로 바꿔줘서 우리가 한글을 쓰더라도 깨지지 않도록 미연에 방지해줍니다. HTML Files의 설정을 마쳤다면 그 아래에 JSP Files도 똑같은 방식으로 UTF-8로 바꿔줍니다~ Workspace의 text file encoding과 spelling도 UTF-8로 같이 바꿔주는 것 잊지 마시구요! 기존에 자바를 실습할 때는 New를 클릭하고 Java Project를 생성했는데 이제는 HTML을 실습할 것이.. 2021. 6. 2.
기초 SELECT문 문제 풀이(4) / scott계정 emp 테이블 기반 -- SCOTT --19) emp 테이블에서 사원번호, 사원이름, 입사일을 출력하는데 입사일이 빠른 사람순으로 정렬하시오. SELECT empno, ename, hiredate FROM emp ORDER BY hiredate ASC; --20) emp 테이블에서 사원이름, 급여, 연봉을 구하고 연봉이 많은 순으로 정렬하시오. SELECT ename, sal, sal*12 FROM emp ORDER BY sal*12 DESC; --21)10번 부서와 20번부서에서 근무하고 있는 사원의 이름과 부서번호를 출력하는데 이름을 영문자순으로 표시하시오. SELECT ename, deptno FROM emp WHERE deptno = 10 OR deptno = 20 ORDER BY ename ASC; --22) 커미.. 2021. 5. 27.
기초 SELECT문 문제 풀이(3) / hr 계정 employees 테이블 기반 -- hr 정렬 -- 문제1) EMPLOYEES 테이블에서 입사일자 순으로 정렬하여 사원번호, 이름, 업무, 급여, 입사일자,부서번호를 출력하라. SELECT employee_id, first_name, job_id, salary, hire_date, department_id FROM employees ORDER BY hire_date ASC; -- 문제2) EMPLOYEES 테이블에서 가장 최근에 입사한 순으로 사원번호, 이름, 업무, 급여, 입사일자,부서번호를 출력하라. SELECT employee_id, first_name, job_id, salary, hire_date, department_id FROM employees ORDER BY hire_date DESC; -- 문제3) EMPLOYEES.. 2021. 5. 27.

티스토리툴바