티스토리

Five-sun's LAB

검색하기

블로그 홈

Five-sun's LAB

five-sun.tistory.com/m

You've already played enough. Keep moving.

구독자: 0

방명록 방문하기

주요 글 목록

[Web] API, REST API에 대해 공부해보자 REST API를 알아보기 이전에 API란 무엇인가? API(Application Programming Interface, 응용 프로그램 프로그래밍 인터페이스)는 응용 프로그램에서 사용할 수 있도록, 운영체제나 프로그래밍 언어가 제공하는 기능을 제어할 수 있게 만든 인터페이스를 뜻합니다. 그렇다면 주로 전산이나 컴퓨터에서 이야기하는 인터페이스란 무엇인가? 인터페이스(Interface)는 2개 이상의 장치나 소프트웨어에서 정보나 신호를 주고받을 때, 그 사이를 연결하는 연결장치나 경계면 또는 연결하는 경계에서 상호 접속하기 위한 하드웨어, 소프트웨어, 조건, 규약 등을 가리킵니다. UI를 떠올리면 이해가 쉽습니다. UI(User Interface)가 사람과 시스템, 컴퓨터 프로그램 등 사이에서 의사 소통을.. 공감수 0 댓글수 1 2023. 11. 3.
모든 개발자를 위한 HTTP 웹 기본 지식 간단 리뷰 - 해당 강의 https://www.inflearn.com/course/http-%EC%9B%B9-%EB%84%A4%ED%8A%B8%EC%9B%8C%ED%81%AC/dashboard 모든 개발자를 위한 HTTP 웹 기본 지식 - 인프런 | 강의 실무에 꼭 필요한 HTTP 핵심 기능과 올바른 HTTP API 설계 방법을 학습합니다., - 강의 소개 | 인프런 www.inflearn.com 개발자는 평생 HTTP 기반 위에서 개발, 언젠가 한번은 정리 해야 함 HTTP의 전체 흐름 이해, 실무에 꼭 필요한 핵심 내용 [인터넷 네트워크] • 인터넷 통신: 복잡한 인터넷 망 IP를 이용해 통신을 한다. • IP(Internet Protocol): 지정한 IP 주소에 데이터를 전달하고 패킷이라는 통신 단위를 사용.. 공감수 1 댓글수 0 2023. 5. 23.
[Javascript] ES6 컬렉션 프로그래밍 언어에서 Collection이란? 프로그래밍 언어가 제공하는 값을 담을 수 있는 컨테이너 Java에서 ArrayList, HashMap, HashSet, Queue, Stack 등이 존재한느 것처럼 Javascript에도 컬렉션들이 존재한다. ES5 에선 Object와 Array만이 존재 하였지만 ES6 부터 Arrays, Typed Array / Object, Map, Set, Weak Map, Weak Set이 존재한다. 특정 상황에서 ES6의 컬렉션들을 사용할 시 기존의 컬렉션들을 사용하는 것 보다 최적화된 구현체를 제공한다. - Set Value를 키 값으로 갖는 컬렉션으로 수정 가능하며, 프로그램이 실행되는 동안 값의 추가나 삭제가 가능하다. Set과 Array는 비슷하지만 차이점이 .. 공감수 0 댓글수 0 2023. 2. 13.
[Javascript] ES6 문법 정리 (대표 9가지) + Babel 기존에 jQuery를 활용한 ES5 문법에서 최신 트렌드에 맞게 ES6 문법을 공부해보도록 하자. - ES6란? ECMAScript 2015로도 알려진 ES6는 ECMAScript 표준의 가장 최신 버전이다. ES6는 새로운 언어 기능이 포함된 주요 업데이트이다. + 2015년은 ES5(2009)이래로 진행한 첫 메이저 업데이트가 승인된 해 최신 Front-End Framwork인 React, Angular, Vue에서 권고하는 언어 형식 ES5에 비해 문법이 간결해서 익숙해지면 코딩을 훨씬 편하게 할 수 있음 - ES6의 대표적인 문법 const and let Arrow Function Template Literals Default parameters Array and object destructing.. 공감수 0 댓글수 0 2023. 2. 13.
[Web] 실습 UI 개발로 배워보는 순수 javascript와 VueJS개발 - Vue.js란? Vue.js는 웹프론트엔드 프레임워크 중 하나이다. 컴포넌트 기반의 SPA(Single Page Applcation)를 구축할 수 있게 해주는 프레임워크이다. 컴포넌트란 웹을 구성하는 로고, 메뉴바, 버튼 등 웹 페이지 내의 다양한 UI요소를 재사용 가능하도록 구조화 한 것이다. SPA는 단일 페이지 어플리케이션으로 하나의 페이지 안에서 필요한 영역 부분만 로딩 되는 형태를 말한다. 빠른 페이지 변환과 적은 트래핑 양을 지원한다. Vue.js를 공부하기 위해서 인프런의 "실습 UI 개발로 배워보는 순수 javascript와 VueJS개발" 강의를 따라하며 학습해보겠다. - 개발환경 node.js vscode chrome(최신 버전) lite-server(개발 서버) git(코드 형상 .. 공감수 0 댓글수 0 2023. 2. 10.
[Web] Docker에 대해 공부해보자 Docker란? 도커는 리눅스 컨테이너 기술을 기반으로 하는 오프 소스 서비스이다. 도커를 통해 애플리케이션 실행 환경을 코드로 작성할 수 있다. 도커를 통해 OS를 공유, 격리화하여 관리할 수 있다. 쉽게 말해 도커는 다양한 프로그램들과 실행환경을 컨테이너로 규격화시켜 프로그램의 배포와 관리를 단순화할 수 있게 도와주는 기술이다. 리눅스 컨테이너란? 리눅스 컨테이너는 Linux 기반의 기술 중 하나이다. 필요한 라이브러리와 애플리케이션을 모아서 마치 별도의 서버처럼 구성한 것을 말한다. 컨테이너를 이루는 네트워크 설정, 환경 변수 등의 시스템 자원은 각 컨테이너가 독립적으로 소유하고 있다. 리눅스 컨테이너의 기술들은 다음과 같다. 프로세스의 구획화? 특정 컨테이너에서 작동하는 프로세스는 기본적으로 그 .. 공감수 0 댓글수 0 2023. 1. 3.
[Web] 디자인 패턴에 대해 공부해보자. GoF(Gang of Fours) 디자인 패턴에 대해 공부해보자. 우선 디자인 패턴은 생성, 구조, 행위로 크게 나누어 분류할 수 있다. - 생성(Creational) 패턴 : 객체 생성(인스턴스화), 특정 개체가 생성되거나 변경되어도 프로그램 구조에 영향을 크게 받지 않도록 유연성을 제공한다. 추상 팩토리 (Abstarct Facotry) 빌더 (Builder) 팩토리 메서드(Factory Method) 프로토타입 (Prototype) 싱글턴(Singleton) - 구조(Structural) 패턴 : 객체 결합(조합), 클래스나 객체를 조합하여 더 큰 구조를 만드는 패턴 어댑터 (Adapter) 브리지 (Bridge) 컴퍼지트 (Composite) 데커레이터 (Decorator) 퍼사드 (Facage).. 공감수 0 댓글수 0 2023. 1. 1.
[Web] 개발의 원칙들 : KISS, YAGNI, DRY에 대해 공부해보자 소프트웨어를 개발하기 위해서 필수로 알아야할 3가지의 원칙들이 있다고 한다. 이를 공부해보자. DRY - Don't Repeat Yourself 이란? 똑같은 일을 두번하지 않는다는 의미로 중복되는 함수나 코드는 하나의 공통의 컴포넌트에 넣고 사용한다는 의미이다. 시스템이 소규모일때는 복잡도가 크지 않기 때문에 프로그램을 이해하기가 수월한 반면 시스템이 커지고 개념도 많아지면 복잡도가 기하급수적으로 높아지게 된다. 이런 시스템에서 복잡도를 최대한 줄여야 개발 및 유지보수비용이 절감이 된다. 특정 코드를 여러번 복사하고 붙여넣기 한 경우, 같은 문제로 여러 곳을 수정해야하는 문제가 발생할 수도 있다. DRY를 위반한 것을 WET(We Enjoy Typing)이라고 한다. KISS - Keep it simp.. 공감수 0 댓글수 0 2022. 12. 24.
[Web] SOLID 개발 원칙에 대해 공부해보자 정보처리기사를 공부하면서 SOLID원칙을 공부해었는데 이를 좀 더 자세히 알아보자. SOLID 원칙이란? 객체 지향 설계의 5대 원칙이라 불리는 SOLID 원칙은 SRP(단일 책임 원칙), OCP(개방-폐쇄 원칙), LSP(리스코프 치환 원칙), ISP(인터페이스 분리 원칙), DIP(의존 역전 원칙)을 말한다. 단일 책임 원칙(Single Responsibility Principle)이란? 어떤 클래스를 변경해야하는 이유는 오직 하나. 모든 클래스는 각각 하나의 책임만을 가져야 한다는 원칙이다. 즉 그 클래스는 그 책을 완전히 캡슐화해야 함을 말한다. 사칙연산 함수를 가지고 있는 계산 클래스가 있다고 하면 이 상태의 계산 클래스는 오직 사칙연산 기능만을 책임진다. 이 원칙을 만족하면 불필요한 상속 및 .. 공감수 0 댓글수 0 2022. 12. 24.
[Web] CI/CD에 대해 공부해보자 많이 들어 보았지만 정확히 무슨 용어인지를 공부해보도록 하자. CI/CD란? DevOps 엔지니어의 핵심 업무이다. (DevOps 엔지니어 : 코딩, 인프라 관리, 시스템 관리 및 DevOps 도구 체인을 포함하여 개발 및 운영에 대한 광범위한 지식을 갖춰야 하는 IT 전문가) 결론: CI = 빌드 및 테스트 자동화 CD = 배포 자동화 CI(Continuous Integration) 이란? 지속적인 통합이라는 의미이다. 지속적인 통합이란, 어플리케이션의 새로운 코드 변경 사항이 정기적으로 빌드 및 테스트 되어 공유 레포지토리에 통합하는 것을 의미한다. CI가 필요한 환경은 어떤 조건들이 있는가? 1. 다수의 개발자가 형상관리 툴을 공유하여 사용하는 환경 : 자동화된 빌드와 테스트는 원천 소스코드의 충돌.. 공감수 0 댓글수 0 2022. 12. 21.
[Web] 유닛 테스트, 통합 테스트, 기능 테스트에 대해 공부해보자 개발을 하다 보면 코드가 잘 동작하고 있는지 버그가 없는지 테스트를 해야한다. 이 테스트를 하는 방법과 종류를 테스트의 범위에 따라 분류해 보면 유닛 테스트, 통합 테스트, 기능 테스트로 나눌 수 있다. 테스트 케이스의 개수는 유닛 테스트, 통합 테스트, 기능 테스트 순으로 크지만 코드의 범위는 이의 역순이다. 유닛 테스트(Unit Test) 유닛 테스트는 코드 중 작은 부분을 테스트 하는 것이다. 함수 하나하나 각각 개별로 테스트 코드를 작성하는 것과 같다. 만약 테스트에 네트워크나 데이터베이스 같은 외부 리소스가 포함된다면 그것은 유닛 테스트가 아니다. 기본적으로 테스트를 위한 입력 값을 주어서 그에 대한 함수의 출력 값이 정확한지 아닌지를 판단하는 것이 유닛테스트라 할 수 있다. 코드의 설계가 별로.. 공감수 0 댓글수 0 2022. 12. 21.
[Web] JSON Web Token에 대해 공부해보자 JSON Web Token 이란? JSON Web Token(JWT)는 웹표준으로서 두 개체에서 JSON 객체를 사용하여 가볍고 자가수용적인 방식으로 정보를 안정성 있게 전달해준다고 한다. 수많은 프로그래밍 언어에서 지원이 된다.(C, Java, Python, C++, R, C#, PHP, JavaScript, Ruby, Go, Swift) JWT는 자가수용적이므로, 두 개체 사이에서 손쉽게 전달될 수 있다. 웹서버의 경우 HTTP의 헤더에 넣어서 전달 할 수 있고, URL의 파라미터로 전달 할 수도 있다고 한다. JWT는 어떤 상황에서 사용되는가? 회원 인증 : JWT가 사용하는 가장 흔한 시나리오이다. 유저가 로그인을 하면, 서버는 유저의 정보에 기반한 토큰을 유저에게 발급해준다. 그 후, 유저가 서.. 공감수 0 댓글수 0 2022. 12. 19.
[Server] 토큰 기반 인증과 세션 기반 인증을 공부해보자 기존의 시스템에서는 서버 기반의 인증방식을 사용했다고 한다. 하지만 시스템의 규모가 커짐에 따라 서버 기반의 인증 방식은 한계점을 보이기 시작했고, 토큰 기반의 인증 방식이 등장하게 되었다. 현대 웹 서비스에서 API를 이용한 웹 서비스를 개발할 때, 토근을 사용하여 사용자들의 인증 작업을 처리하는 것(OAuth)이 기장 좋은 방법이다. 서버 기반과 토큰 기반의 인증 시스템의 차이점을 알아보고 토큰 기반 인증 시스템의 장점을 공부해보자. 서버(세션) 기반의 인증 시스템? 서버 측에서 사용자들의 정보를 기억하고 있어야 하는 방식이다. 사용자들의 정보를 기억하기 위해서 세션을 유지해야 하는데, 메모리나 디스크 또는 데이터베이스 등을 통해 관리한다. 이러한 방식은 클라이언트로부터 요청을 받으면, 클라이언트의 .. 공감수 0 댓글수 2 2022. 12. 17.
[Web] OAuth에 대해 공부해보자 위와 같은 로그인 창을 본 적이 있다. 별도의 회원가입 없이 로그인을 제공하는 플랫폼의 아이디만 있으면 서비스를 이용할 수 있는 기능이다. 외부 서비스에서도 인증을 가능하게 하고 그 서비스의 API를 이용하게 해주는 것이 바로 OAuth라고 한다. OAuth 란? 간단하게 인증(Authentication)과 권한(Authorization)을 획득하는 것이라고 할 수 있다. 인증: 시스템 접근을 확인하는 것 (로그인) 권한: 행위의 권리를 검증하는 것 OAuth의 배경은? 서드파트 앱(Third Party App: 제조사나 통신사에서 만든 기본 탑재 앱이 아닌 일반 앱스토어 등에서 다운받을 수 있는 앱)에 아이디와 비밀번호를 제공하고 싶지 않은 요구가 첫번째, 개인정보를 여러 곳에 입력하면서 피싱에 둔감해.. 공감수 0 댓글수 0 2022. 12. 15.
[Web] JSON에 대해 공부해보자. JSON(JavaScript Object Notation)이란? JSON은 경량의 DATA-교환 형식이다. Javascript에서 객체를 만들 때 사용하는 표현식이다. JSON 표현식은 사람과 기계 모두 이해하기 쉬우며 용량이 작아서, 최근에는 XML을 대체해서 데이터 전송 등에 많이 사용된다. 특정 언어에 종속되지 않고, 대부분의 프로그래밍 언어에서 JSON 포맷의 데이터를 핸들링 할 수 있는 라이브러리를 제공한다. JSON의 형식? name - value 형식의 쌍 : {String key : String value} 의 형태 값들의 순서화된 리스트 형식 : {String key : [ value1, value2 ...]}의 형태를 갖는다. 공감수 0 댓글수 0 2022. 12. 15.
[Web] Frontend 기초 지식 Frontend 개발자의 사전적 수행 직무란? 백엔드 및 API(Application Programming Interface) 에서 가져온 데이터의 출력, 입력을 통한 비즈니스 로직 구성과 유저가 사용하는 유저 인터페이스를 개발한다. 웹 사이트는 크게 3가지 요소로 구성된다. HTML(Hyper Text Markup Language), CSS(Cascading Style Sheets), 자바스크립트(Javascript) HTML(Hyper Text Markup Languae) 웹 문서를 만들기 위하여 사용하는 기본적인 웹 언어의 한 종류이다. 웹 페이지에서 제목, 이미지, 동영상, 문단, 표 등을 정의하고 그 구조와 의미를 부여하는 정적 언어이다. 웹의 구조를 담당한다. CSS(Cascading Styl.. 공감수 0 댓글수 0 2022. 12. 3.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.