티끌모아 태산

Framework vs Library 이 둘의 차이는 작성 흐름의 주도권에 있습니다. 이게 무슨말이냐면, 라이프러리는 내가 import 해서 method 활용 등 자유롭게 사용할 수 있는 반면에 프레임워크는 그 프레임워크 틀 안에서 정해진 규칙에 따라야합니다. API(Application Programming Interface) 이는 많은 의미로 사용되지만 가장 작은 단위의 도구 혹은 함수라고 생각하면 좋을거 같습니다. 예를들어, 라이브러리에 포함된 함수 하나하나도 일종의 API라고 할 수 있습니다. 그래서 라이브러리를 그냥 API를 모아둔것이라고 봐도 될 거 같습니다. 그래서 그 규모를 따지자면 다음과 같습니다. 프레임워크 > 라이브러리 > API API vs SDK sdk는 software devel..

What is Redux? 리덕스는 쉽게 말해 자바스크립트 애플리케이션을 위한 상태(State) 관리 라이브러리이다. 리덕스가 무엇인지 배우기 전에 ❗️왜 리덕스를 사용하는지 이해하고 있어야한다. Redux를 사용하는 이유는 다음과 같습니다. 1. props 문법 귀찮을 때 사용 리액트를 사용해서 웹개발을 진행 할때, index.html 파일 안에 컴포넌트들을 생성해서 개발을 진행합니다. 컴포넌트는 html 덩어리라고 생각해면 이해하기 쉽습니다. 함수인데 html 덩어리를 뱉는 함수라고 생각하면 됩니다. 이렇게 컴포넌트를 만들어 놓고 가져와서 사용하면됩니다. 그런데, 개발을 하다보면 state를 만들고 싶을 때가 있습니다. state란 쉽게 변수라고 생각하면 이해하기 쉽습니다. 예를들어, 몸무게 관리앱을..

SQL(Structured Query Language) 데이터베이스는 데이터를 저장하고 관리하는 매커니즘을 제공한다. -> Integrated collection of structured data 관련된 DBMSs(Database Management systems) MySQL, Oracle, SQLite, etc. Use SQL: Perform queries and manipulate data DB는 데이터를 테이블에 저장한다. 그리고 그 테이블은 행과 열로 구성되어 있다. Primary key는 데이블에 있는 열(column)이다. 행은 일반적으로 unique within a table, 하지만 특정 값이 여러 행안에 중복될 수 도 있다. Common Errors Primary 키의 각 열에 값을 제공..

JSON(JavaScript Object Notation) JSON이란 쉽게 말해, 데이터를 담는(저장, 표현, 보관) 형식이다. 자바스크립트 객체 처럼 데이터를 표현하는 형식. 파일의 형식은 name.json {"이름": "Kim", "나이": 20} 기본적인 예시 코드 서버로부터 데이터를 받을 때, 그 data는 항상 string이다. 따라서 JSON.parse() method를 통해 Object로 parse한다. String -> Object let obj = JSON.parse('{"name":"John", "age":30, "city":"New York"}'); console.log(obj); 서버에 data를 보내기 위해서는 객체를 다시 JSON 형태로 convert 할 수 있다. JSON.s..

앞으로 인터넷프로그래밍에 대한 전반적인 흐름에 대해 배워보도록 하겠습니다. Technologies for Web apps development 웹 페이지 구조화: HyperText Markup Language(HTML) 웹 페이지 디자인: Cascading Style Sheets(CSS) 동적인 웹 페이지 생성: JavaScript & DOM 웹 서비스 활용: AJAX & JSON 웹 서비스 생성: Node.js & Express 데이터베이스활용: Structured Query Language(SQL) Web Application 인터넷이 연결된 devices에서 작동한다.(portable) 클라이언트 측면: 우리 디바이스의 브라우저에서 작동 서버 측면: 클라이언트의 요청을 처리하고 응답한다. (검색, ..

Web Mashup combine data and services from more than one source across the Web, like a music mash-up Mobile Mashup Make use of mobile information 모바일 메시업(Mobile Mashup)과 웹 메시업(Web Mashup)은 둘 다 다양한 웹 기술과 서비스를 결합하여 새로운 애플리케이션을 만드는 개념 목표 플랫폼 모바일 메시업: 주로 모바일 기기에서 동작하는 애플리케이션을 의미합니다. 모바일 운영 체제(Android, iOS)에 특화된 기능을 활용하고 모바일 환경에 최적화된 UI를 제공하는 것이 목표 웹 메시업: 주로 데스크톱 웹 브라우저에서 동작하는 애플리케이션을 의미합니다. 웹 기술과 서비스..

API API(Application programming interface)란 한 프로그램에서 다른 프로그램으로 데이터를 주고받기 위한 방법으로 쉽게, 식당 메뉴판이라고 생각하자. 손님(client)은 메뉴판을 보고 식당 주인(server)에게 음식(data)을 주문한다. 식당 API는 식당과 손님이 음식을 주고 받기 위한 방법. 또, 웹툰 API는 웹툰 서버와 손님이 웹툰을 주고 받기 위한 방법. 이렇듯 서버와 통신하기 위해서는 메뉴판을 미리 만들어 놔야한다. RESTful API는 이러한 REST 아키텍처를 따르는 API를 의미. API를 작성하는 방법이 있음. 1. 요청 방식이 들어가 있어야한다. 2. 어떤 자료를 요청할 것인지 들어가 있어야함. 3. 파라미터가 들어가 있을 수 있다. 요약하면, A..

Promise(프로미스)는 자바스크립트에서 비동기 작업을 처리하고 결과를 다루기 위한 객체입니다. 비동기 작업은 일반적으로 네트워크 요청, 파일 로딩, 데이터베이스 조회 등이 포함됩니다. Promise는 이러한 작업을 보다 효율적으로 처리하고 코드의 가독성을 높이기 위해 도입하였습니다. 자바스크립트 비동기 소개 동기 프로그래밍에서 작업은 차례대로 실행되며 작업이 완료될 때까지 중단될 수 없다. 모든 작업은 이전 작업의 실행이 완료될 때까지 기다려야한다. 반면에 비동기 프로그래밍은 임의의 순서로 또는 동시에 작업이 실행될 수 있다. 자바스크립트는 런타임(브라우저나 Node.js)에서 싱글 스레드로 동작합니다. 이말은 즉, 한 번에 하나의 작업만 처리할 수 있다는 뜻입니다. 이렇듯 JS가 싱글 스레드로 동작..

AJAX(Asynchronous JavaScript and XML)는 서버와 비동기적으로 데이터를 주고받는 자바스크립트 기술이다. 즉, 서버와 통신하는 기술. 쉽게 말해 새로고침 없이(웹 페이지 전환이 부드러워진다) 서버에게 GET 요청하는 JavaScript 코드. The use of XMLHttpRequest to communicate with servers Allows Web pages to be updated asychronously -> Exchange data with a server behind the scenes, Update parts of a page without reloading the whole page loads data in the background and display it..

자바스크립트 이벤트는 웹 페이지에서 발생하는 동작이나 사건에 대한 응답으로 작동하는 동적인 프로그래밍 기능이다. (Allow scripts to respond to user interactions and modify a page accordingly -> make Web application more dynamic and interactive) 이벤트는 사용자의 상호작용(마우스 클릭, 키보드 입력 등)이나 웹 페이지의 상태 변화(로드 완료, 요소 추가 등)와 관련될 수 있습니다. 자바스크립트를 활용하여 이벤트를 처리하는 과정은 보통 다음과 같습니다. 이벤트 대상 선정: 이벤트가 발생할 HTML 요소를 선택한다. 대상은 일반적으로 DOM을 통해 선택되며, getElementById, getElementsB..