ㅍ이번 포스팅에서는 라이브러리와 프레임워크가 무엇인지 그리고 차이점에 대해 정리해보았습니다. 현재 백엔드 개발자를 지망하며 자바와 자바 스프링을 공부하고 있어 차이점을 정확히 알고 있어야 한다고 생각합니다. 라이브러리 특정 기능을 수행하도록 미리 작성된 코드의 집합이다. 개발자가 필요시 호출하여 사용한다. 개발자의 코드가 라이브러리를 제어 및 호출한다. 반복 작업 없이 필요한 기능을 빠르게 구현한다. 일반적으로 어플리케이션 코드에서 호출 및 실행하는 역할이다. ex) 수학 함수, 데이터 구조, 데이터 베이스 연결, 네트워킹, JSON 파싱 ... 프레임워크 어플리케이션의 흐름 제어 및 전반적인 구조를 정의한다. 어플리케이션의 뼈대 및 틀을 제공한다. 개발자는 뼈대와 틀 안에 필요한 코드를 작성한다. 제어..
이번 포스팅에서는 프론트엔드와 백엔드에 대해 정리해보았습니다. 개발자로서 진로를 정하는데 중요한 부분이지만 두 영역 모두 공부하는 것이 핵심이라 생각합니다. 프론트엔드 / 백엔드 웹 개발의 두가지 주요 영역이다. 프론트엔드 (Front-End) 사용자들이 직접 상호작용하는 웹 사이트의 시각적 부분을 담당한다. 웹 사이트에서 글자, 이미지를 보거나 버튼을 클릭하거나 폼을 작성하는 상호작용을 관리한다. 사용자들이 웹 사이트를 사용하기 쉽고 접근성이 좋게하기 위해 노력한다. 반응형 웹 디자인을 통해 다양한 기기에서 작동하도록 최적화한다. 사용자 인터페이스 (UI)나 사용자 경험 (UX)를 디자인한다. 주로 HTML, CSS, JavaScript... 를 사용하여 디자인한다. 백엔드 (Back-End) 사용자에..
이번 포스팅에서는 HTML 문서에 대한 데이터를 정의하는 meta 태그와 보이는 화면에 대한 viewport에 대해 정리했습니다. 저번 포스팅에서 다뤘던 HTML의 또 다른 입력요소인 select 태그, textarea 태그, form 태그에 대해 궁금하신 분은 아래를 읽어보시면 좋습니다! HTML 기초 8편 - 또 다른 입력요소 (select, textarea, form 태그) 이번 포스팅에서는 HTML의 또 다른 입력요소인 select 태그와 textarea 태그, form 태그에 대해 정리했습니다. 저번 포스팅에서 다뤘던 HTML의 입력요소인 input 태그에 대해 궁금하신 분은 아래를 읽어보 mlngwandev.tistory.com meta 태그 HTML 문서에 대한 메타 데이터를 정의한다. 단일..
이번 포스팅에서는 API에 대해 공부하고 정리해보았습니다. 개발자에게 CS는 기초가 되는 만큼 앞으로 공부하는데 중요한 부분이라 생각하여 정리하게 되었습니다. API란? Application Programming Interface 서로 다른 소프트웨어 간의 상호작용을 가능하게 하는 규약 or 프로토콜 다시 말하면 특정 어플리케이션에서 다른 어플리케이션으로 정보를 전달하거나 서로 다른 어플리케이션 간에 정보 교환이 가능하게 해주는 규정된 인터페이스이다. 내가 이해한 API 어플리케이션 간에 통신할때 필요한 체계이자 구조이다. 응답과 요청을 사용해서 통신을 하기 위한 약속들을 정하는 것이라 생각한다. API가 존재 가능한 형태 API의 형태는 다양하다! 라이브러리 / 프레임워크 API 프로그래밍 언어의 라이..
이번 포스팅에서는 HTML의 또 다른 입력요소인 select 태그와 textarea 태그, form 태그에 대해 정리했습니다. 저번 포스팅에서 다뤘던 HTML의 입력요소인 input 태그에 대해 궁금하신 분은 아래를 읽어보시면 좋습니다! HTML 기초 7편 - input (입력요소) 태그 이번 포스팅에서는 HTML의 입력요소인 input 태그에 대해 정리했습니다. 저번 포스팅에서 다뤘던 링크 태그 (a 태그)와 목록 태그에 대해 궁금하신 분은 아래를 읽어보시면 좋습니다! HTML 기초 6편 - mlngwandev.tistory.com select 태그 다수의 옵션 (선택지)를 포함할 수 있는 선택 메뉴이다. 메뉴 안에 포함되는 옵션은 option 태그를 사용하여 표시한다. 각각의 옵션에서 value 속성..
이번 포스팅에서는 HTML의 입력요소인 input 태그에 대해 정리했습니다. 저번 포스팅에서 다뤘던 링크 태그 (a 태그)와 목록 태그에 대해 궁금하신 분은 아래를 읽어보시면 좋습니다! HTML 기초 6편 - 링크 태그(a 태그)와 목록 태그 이번 포스팅에서는 HTML의 링크 태그인 a태그와 목록 태그에 대해 정리해봤습니다. 저번 포스팅에서 다뤘던 HTML 태그의 전역 속성에 대해 궁금하신 분은 아래를 읽어보시면 좋습니다! HTML 기초 5 mlngwandev.tistory.com input 태그 사용자가 입력한 것을 받을 수 있는 대화형 컨트롤 (= 필드) 이다. 단일 태그이다. 인라인 요소이다. 속성 속성으로 type을 사용한다. type 값에 따라 입력 요소나 입력 데이터 유형이 달라진다. 웹 페이..
이번 포스팅에서는 HTML의 링크 태그인 a태그와 목록 태그에 대해 정리해봤습니다. 저번 포스팅에서 다뤘던 HTML 태그의 전역 속성에 대해 궁금하신 분은 아래를 읽어보시면 좋습니다! HTML 기초 5편 - 전역 속성 이번 포스팅에서는 HTML의 모든 태그에서 사용 가능한 속성인 전역 속성에 대해 정리해봤습니다. 저번 포스팅에서 다뤘던 HTML의 이미지 태그와 컨테이너 태그에 대해 궁금하신 분은 아래를 읽어 mlngwandev.tistory.com 링크 태그 (a 태그) anchor (닻) 이라는 뜻으로 현재 문서에서 다른 문서로 이동할 수 있는 수단이다. 인라인 요소이다. 주로 링크 목적으로 사용된다. href 속성을 통해 다른 페이지, 전화번호, 이메일 주소, 다른 url로 연결 가능한 링크를 만든다..
이번 포스팅에서는 HTML의 모든 태그에서 사용 가능한 속성인 전역 속성에 대해 정리해봤습니다. 저번 포스팅에서 다뤘던 HTML의 이미지 태그와 컨테이너 태그에 대해 궁금하신 분은 아래를 읽어보시면 좋습니다! HTML 기초 4편 - 이미지 태그와 컨테이너 태그 이번 포스팅에서는 HTML에서 사용되는 이미지 태그와 컨테이너 태그에 대해 정리해봤습니다. 저번 포스팅에서 다뤘던 HTML의 블록 요소와 인라인 요소로 구분되는 태그에 대해 궁금하신 분은 아 mlngwandev.tistory.com 전역 속성 모든 HTML 태그에서 공통으로 사용할 수 있는 속성이다. 태그의 부가적인 기능을 정의하는 것으로 선택 사항이다. 시작 태그 내부에 정의하며 개수에 특별한 제한은 없다. 속성 앞서 이미지 태그에서 살펴보았던 ..
이번 포스팅에서는 HTML에서 사용되는 이미지 태그와 컨테이너 태그에 대해 정리해봤습니다. 저번 포스팅에서 다뤘던 HTML의 블록 요소와 인라인 요소로 구분되는 태그에 대해 궁금하신 분은 아래를 읽어보시면 좋습니다! HTML 기초 3편 - 블록 요소 / 인라인 요소로 구분되는 태그 이번 포스팅에는 HTML에서 블록 레벨 요소와 인라인 요소로 구분되는 태그들을 정리해봤습니다. 저번 포스팅에서 다뤘던 HTML 텍스트 태그에 대해 궁금하신분은 아래를 읽어보시면 좋습니다! HTML mlngwandev.tistory.com img (이미지) 태그 이미지를 표시할때 사용하는 태그이다. 단일태그로 사용된다. 단일태그란? 일반적인 태그는 내용 과 같은 구조로 이루어져 있다. 단일태그는 과 같이 하나의 태그명만 사용하는..
이번 포스팅에는 HTML에서 블록 레벨 요소와 인라인 요소로 구분되는 태그들을 정리해봤습니다. 저번 포스팅에서 다뤘던 HTML 텍스트 태그에 대해 궁금하신분은 아래를 읽어보시면 좋습니다! HTML 기초 2편 - 텍스트 태그 이번 포스팅에서는 저번에 이어서 프론트엔드에서 사용되는 HTML에서 텍스트를 표시하는데 사용되는 태그를 정리해봤습니다. 저번에 작성한 HTML의 구조와 이론에 대한 포스팅이 궁금하신분은 mlngwandev.tistory.com 블록 요소 (Block Level Element) 콘텐츠 자신이 속한 영역의 너비를 모두 차지하여 블록을 형성한다. 종류 앞에서 살펴봤던 태그들 중에 블록 요소로 분류되는 태그들이 존재한다. 그래도 간단하게 설명해보자면, p (문단) 태그 문단 요소를 나타내는 ..