1. 학습 오늘은 '웹 개발 기초' 의 4, 5주차 강의를 듣고 해당 강의를 완강하였다. 마지막 과정은 NoSQL 데이터베이스 중 하나인 'firebase' 를 통해 HTML 문서와 DB 를 연결해, HTML 문서쪽에서 DB 로 데이터를 전송해보고 DB 에 저장된 데이터로 HTML 문서에서 컨텐츠를 생성하는 것도 해보았다.  강의 완강 이후에는 이전 학습한 내용을 복습해 정리해두면 좋을 것을 추려 정리해보았다. 먼저 3주차에 OpenAPI 를 다뤘던게 기억에 남아 해당 실습때 사용했던 Javascript 의 'function, fetch()' 에 대해 더 찾아봤고, 오늘 학습한 4주차의 DB 관련 내용에서 RDB 와 NoSQL 에 대한 개념을 더 알고 싶어 해당 내용도 찾아보고 정리해보았다. 모두 세세한..

이전에 간략하게 나마 API 의 개념에 대해 다룬 적이 있었다. 현재 학습을 하던 도중 OpenAPI 를 다룰 기회가 있었고 그래도 한 번 다루어 봤는데 개념을 한 번 정리하고 넘어가고 싶어 이렇게 게시글을 작성하게 되었다. 1. OpenAPI 내가 참 좋아하는 명칭만으로도 어떤 것인지 쉽게 파악할 수 있는 이름이다. 우리가 흔히 접할 수 있는 'OpenAPI' 는 'Open Application Programming Interface(공개된 애플리케이션 프그래밍 인터페이스)' 의 줄임말이다. 즉, 원래라면 기업의 이익을 위해 자신들이 가진 기술에에 대한 정보를 공개하지 않는 경우가 많지만, 필요나 목적에 의해서 가지고 있는 기술을 사용할 수 있도록 공개한 프로그래밍 인터페이스(=API)를 말하는 것이다..

DB 는 크게 두 종류로 나눌 수 있다고 한다. 오늘 한 번 그 개념에 대해서 알아보자. 1. RDB 'RDB' 는 'Relational Database(관계형 데이터베이스)' 의 약자로 필요한 데이터를 찾기위해 'key(키)' 와 'value(값)' 의 관계를 '테이블 화' 시킨 데이터베이스이다. 즉 우리가 흔히 말하는 '행(line)' 과 '열(row)' 로 데이터의 관계를 나타낸 데이터베이스가 바로 'RDB' 인 것이다.  해당 데이터베이스는 'SQL' 을 사용해 관리 및 접근한다.  2. NoSQL 'NoSQL' 은 처음에 보았을 때는 "SQL 를 사용하지 않는 데이터베이스 인가?" 라고 생각하였는데, 결과적으로 아니다. 해당 명칭은 'Not Only SQL(SQL 만 사용하지 않는다)' 의 약자..

'fetch' 는 엄밀히 말해 'Javascript' 의 메서드이지만 HTML 문서에서 외부의 리소스를 가져올 때 사용하게 되므로 일단은 'HTML' 카테고리에 정리해 보았다. 1. function '함수' 를 정의할 때 사용되는 키워드 Javascript 에서 함수를 정의할 때는 'function' 키워드와 함수명, 소괄호가 필요하다!Java 의 경우 '접근제어 반환타입 함수명(파라미터) { 함수 수행 코드};' 라면 Javascript 에서는 'function 함수명(파라미터) { 함수 수행 코드 };' 인 것이다.'function 의 실행 코드는 누군가(?) 해당 함수를 호출하면 수행된다.Javascript 의 기능이므로 HTML 문서내 서버에서 리소스를 가져오는 프로세스를 수행 HTML 문서 외부..

1. 학습 오늘 3주차 강의까지 학습하였는데 아마 오늘까지가 HTML 을 다루는 강의가 될 것 같고 다음 주차 강의는 DB 나 서버에 대한 내용을 다룰 것 같다. 그래서 오늘 이전 주차까지 학습한 내용을 최대한 "아 이런거구나!" 할 수 있을 정도로만 정리하여 두었다. 아 그리고 어제 작성한 TIL 에 빠진 내용도 학습하여 추가하였다.HTML5 태그 - , 추가꾸미기 - , CSS  2. 과제 3주차 강의를 마치니 실습 숙제가 하나 있었는데 이게 참 애를 먹였다. 분명 배운대로 요소에 지정된 클래스명 따라가 영역에서 해당 클래스를 지정하는 CSS 를 수정하였지만 아무런 반응도 없었다. 혹시나 중간에 실수가 있어서 해결되지 않나하는 마음에 다시 실습 문제를 받아 실행했음에도 원하는대로 요소가 반응하지 ..

CSS 란 'Cascading Style Sheets(계단식 스타일 시트)' 의 약어로 다양한 정의가 있겠지만 한 마디로 화면을 꾸며주는 역할을 한다. 그래도 정확한 기능을 적어보자면 '여러 웹 페이지의 레이아웃을 한 번에 제어하여 많은 작업을 줄여준다' 고 한다. HTML 문서에 CSS 를 적용하는 방법은 3가지가 있다고 한다.Inline : HTML 요소(=태그) 내부의 style 속성을 사용. 이건 아마 태그별 속성을 사용해 특정 값을 지정하여 형태를 취하는 걸 말하는 것 같다.Internal : HTML 문서의 스타일 정보(=CSS) 를 정의하는데 사용되는 태그 꾸며야 한다? 그럼 영역의 너비(width)와 높이(height)를 지정할 때 사용 한 마디로 영역의 가로, 세로 길이를 지정하는 것!각..