본문 바로가기
반응형

전체 글108

HTML/CSS/JavaScript를 사용해 개인 포트폴리오 사이트 만들기(1) 오늘은 HTML과 CSS, JS를 이용해 만든 개인 포트폴리오 사이트를 정리해 보려고 합니다. 우선 최종 완성된 페이지의 모습을 확인해 보겠습니다. 개인적으로 확인해보실 분들은 다음 페이지에서 확인 부탁드립니다! http://determination.dothome.co.kr/ (도메인 만료) #페이지 소개 영상 우선 홈 화면입니다. 보유한 스킬이 쓰이고 지워지는 애니메이션을 추가했습니다. 내비게이션 바를 만들었고 'Determination'에서 'tion'의 경우 스크롤이 내려가 화면이 고정되면 색이 통일되도록 하였습니다. 메뉴바에 마우스를 올리면 색깔이 변하도록 스타일을 주었습니다. 다음은 섹션 화면입니다. 메뉴바를 클릭 시 해당 섹션으로 이동할 수 있도록 했습니다. 스크롤을 내려도 순서대로 해당 섹션.. 2021. 12. 11.
Web - REST API 이번 글에서는 REST API에 대해서 알아보겠습니다. REST API를 설명하기 위해 우선 API가 무엇인지 알아보겠습니다. API란? 위의 그림으로 API가 무엇인지 알아보겠습니다. 리모컨은 TV의 기능을 사용하기 위해 존재합니다. 비단 리모컨만이 아니라도, 컴퓨터의 마우스나 키보드 역시 컴퓨터를 동작시키기 위해 존재합니다. 이러한 리모컨, 마우스, 키보드를 '제어장치'라 하고 'Interface'라고도 합니다. 이런 하드웨어적인 제어장치 말고도 소프트웨어적인 제어장치도 존재합니다. 예를 들어 웹 사이트에는 스크롤 바, 버튼과 같이 다양한 제어장치, 즉 인터페이스(Interface)가 존재합니다. 이러한 인터페이스를 UI(User Interface)라고 부릅니다. 앞서 설명한 제어장치들은 사람의 요청.. 2021. 11. 22.
Web - 동기 vs 비동기 프로그래밍(자바스크립트) 보통 할 일이 많을 때 아침이나 전날 저녁에 To Do List를 만들어 계획을 세우고 하루를 시작할 때가 많습니다. 간단한 To Do List를 만들어 보겠습니다. 운동하기 프로그래밍 공부하기 블로그 관리하기 단백질 챙겨 먹기 이와 비슷한 또 다른 To Do List를 만들어 보겠습니다. 08:00 : 운동가기 10:00 : 단백질 챙겨 먹기 12:00 : 프로그래밍 공부하기 14:00 : 단백질 챙겨 먹기 15:00 : 프로그래밍 공부하기 18:00 : 단백질 챙겨 먹기 20:00 : 블로그 관리하기 두 번째는 첫 번째 To Do List와 유사하지만 할 일을 시간에 맞게 정리한 버전입니다. 이러한 To Do List를 통해 비동기식/동기식을 이해할 수 있습니다. 쉽게 예를 들자면, 첫 번째가 비동기.. 2021. 11. 22.
Web - 아파치(Apache)/톰캣(Tomcat)이란? 웹 서버를 돌리고, JSP/Servlet을 운영하기 위해서 한 번쯤은 Apache와 Tomcat이란 용어를 듣게 됩니다. 오늘은 이 아파치와 톰캣이 무엇인지 간단하게 알아보고자 합니다. 우선 웹 서버(Web Server)에 대해서 간단히 알아보겠습니다. 웹 서버 컴퓨터를 웹사이트를 제공할 수 있게 서버로 만들어주는 서비스 대표적으로 아파치, NginX, IIS 등 웹 서버의 기본적인 역할 웹 서버가 운영하는 웹사이트를 방문한 클라이언트가, HTML, CSS, JSP 등의 파일을 볼 수 있도록 디렉토리를 개방 클라이언트가 특정 주소 입력 시 원하는 화면을 브라우저에서 출력하게 도와줌 기본적으로 정적인 웹 사이트를 제공 위의 설명 중 웹 서버는 기본적으로 정적인 웹 사이트를 제공한다고 말씀드렸는데, 그렇다면.. 2021. 11. 22.
오라클 - ROW TO COLUMN, COLUMN TO ROW 이번 글에서는 지난번에 작성한 '오라클 - Row 단위 자료를 Column 단위로 변경하기' https://determination.tistory.com/manage/newpost/30?type=post&returnURL=https%3A%2F%2Fdetermination.tistory.com%2Fentry%2F%25EC%2598%25A4%25EB%259D%25BC%25ED%2581%25B4-Row-%25EB%258B%25A8%25EC%259C%2584-%25EC%259E%2590%25EB%25A3%258C%25EB%25A5%25BC-Column-%25EB%258B%25A8%25EC%259C%2584%25EB%25A1%259C-%25EB%25B3%2580%25EA%25B2%25BD%25ED%2595%259.. 2021. 11. 18.
오라클 - CASE 함수 사용해보기 오라클의 CASE 함수를 사용하면 DECODE로 처리하던 쿼리문을 보다 간단하게 만들 수 있습니다. 실습해보기 1. TEMP 테이블을 이용해 연봉이 30,000,000 이하는 'D', 30,000,000 초과 50,000,000 이하는 'C', 50,000,000 초과 70,000,000 이하는 'B'; 70,000,000 초과는 'A'라고 등급을 출력하고, 등급별 인원수를 구해보자(CASE 함수 사용) CASE 함수의 기본형식 SELECT CASE WHEN '컬럼명1' [조건] THEN '결과값' CASE WHEN '컬럼명2' [조건] THEN '결과값' . . . CASE WHEN '컬럼명N' [조건] THEN '결과값' END FROM 테이블명; CASE WHEN 뒤에 조건을 부여한다. 2. 행 단.. 2021. 11. 18.
반응형

티스토리툴바