Bin's Blog

SDK란 Software Development Kit 또는 devkit의 줄임말로 개발자가 특정 플랫폼용 애플리케이션을 만드는데 사용하는 소프트웨어 툴과 프로그램들의 집합이다. 속도가 핵심인 상용 소프트웨어 세계에서 SDK는 개발자가 기존 플랫폼에서 새로운 애플리케이션을 구축할 수 있는 표준화되고 쉽게 다운로드할 수 있는 기반을 제공한다. SDK 구성 일반적으로 SDK에는 개발자가 애플리케이션을 만들기 위한 빌딩 블록, 프레임워크, 툴킷이 포함되어 있다. 더 나아가, SDK 툴에는 특정 플랫폼용 애플리케이션 개발에 사용되는 구성 데이터, 문서, 소프트웨어 라이브러리, 코드 샘플, 빌드 자동화 도구, 코드 편집기, 디버거, 가이드, 프로그램 비롯한 다양한 항목이 포함되어 있다. SDK는 특정 플랫폼이나 프..

CI/CD란? 요즘 취업공고를 살펴보면 CI/CD라는 단어가 자주 보인다. 그래서 오늘은 CI/CD가 뭔지 살펴보자. CI/CD는 애플리케이션 개발 단계부터 배포 단계까지의 모든 단계를 자동화를 통해서 더 효율적이고 빠르게 사용자에게 빈번히 배포할 수 있는 것을 말한다. CI/CD는 DevOps 엔지니어의 핵심 업무라고 불리기도 한다. 1️⃣ CI (Continuous Integration) CI (Continuous Integration)는 "지속적인 통합"이라는 의미이다. 한마디로 "빌드와 테스트 자동화" CI는 모든 개발이 끝난 후 코드 품질을 관리하는 고전적 방식의 단점을 해소하기 위해 나타난 개념으로, 지속적인 통합이라는 말 그대로 코드 변경 사항이 정기적으로 빌드 및 테스트되어 공유 Repos..

❗️요즘 취업공고를 찾아보면 많이는 아니더라도 하이브리드 앱 혹은 네이티브 앱, 웹앱, PWA 개발 경험이 있는 사람을 우대하는 것을 볼 수 있다. 🤔 그래서 오늘은 네이티브 앱, 웹 앱, 하이브리드 앱, PWA에 대해서 살펴보고 각 장/단점이 뭔지 살펴보자. 1️⃣ 네이티브 앱 (Native APP) 네이티브 앱이란? 👉 우리가 흔히 아는 안드로이드/IOS 용으로 나눠서 만들어진 앱으로 각각의 플랫폼에서 제공하는 언어로 이용해서 만들어진 앱이다. 👉 대표적인 예로) 카카오톡, 유튜브, 인스타그램 등이 있다. 네이티브 앱 장점 👉 모바일 기기에 최적화된 언어로 개발되어 반응 속도가 빠르고 안정적이다. 👉 카메라, 음성인식과 같은 스마트폰 기능과 2D, 3D 등의 기능도 활용할 수 있다. 네이티브 앱 단점..

🤔 CSR(클라이언트 사이드 렌더링)이란? 👉 SPA(Single Page Application)는 클라이언트 사이드 렌더링 방식이다. SPA는 변경이 필요한 부분만 바꿔서 사용자한테 보여주니까 트래픽을 감소시키고 사용자에게 더 나은 경험을 제공했다. 서버는 단지 JSON 파일만 보내주고, html을 그리는 역할은 클라이언트 측에서 자바스크립트가 수행하게 된 것이다. 👉 장점 1️⃣ 필요한 부분만 갱신하기 때문에 네이티브 앱에 가까운 자연스러운 페이지 이동과 사용자 경험(UX)을 제공할 수 있다. 2️⃣ 프론트 엔드, 백엔드 분리가 가능하다. 개발이 간단하고 능률적이다. 페이지를 렌더링 하기 위해 서버에 코딩할 필요가 없다. 대개 서버의 이용없이 파일로 부터 개발을 시작할 수 있기 때문에 시작하기가 훨씬..

❗️오늘은 개발자라면 많이 들어보는 단어인 호스팅에 대해서 알아보려고 합니다. 🤔 호스팅이란? 👉 호스팅이란 정보의 집약체인 서버의 전체 혹은 일부를 이용할 수 있도록 임대해 주는 서비스를 말한다. 👉 예를 들어, 내가 그림을 그렸다고 한다면 그림을 다른 사람한테 보여주고 싶다면 하나하나 사람들에게 가져가서 보여줄 수 없으니, 대신에 그림을 전시할 공간, "전시장"이 필요하다. 그림 전시장이 바로 "호스팅" 서비스와 같은 역할을 한다. 전시장에 그림을 걸어두면 언제든지 볼 수 있다. 👉 웹사이트를 만들면 이를 인터넷에 올려서 많은 사람들이 볼 수 있도록 해야한다. 이대 필요한 "인터넷 전시장"이 바로 호스팅 서비스이다. 호스팅 서비스를 이용하면, 우리가 만든 웹사이트를 언제든지 인터넷을 통해 접근할 수 ..

1️⃣ 라우터 👉 네트워크에서 트래픽 경로를 지정하거나 "라우팅"하는 장치이다. 간단히 말하면, 라우터는 우리가 인터넷을 연결할 수 있게 해주는 장치이다. 홈 네트워크, 회사 네트워크, 그리고 인터넷 서비스 제공업체 (ISP)들은 이들 라우터를 사용하여 사용자와 인터넷 사이의 연결을 관리한다. 2️⃣ 라우팅 👉 라우팅은 데이터 패킷이 네트워크의 한 부분에서 다른 부분으로 어떻게 이동할지 결정하는 프로세스이다. 이는 라우터가 패킷의 목적지 주소를 보고 패킷이 어디로 전송되어야 하는지 결정하는 것을 포함한다. 라우팅은 네트워크에서 매우 중요한 역하을 하며, 이를 통해 데이터는 원하는 목적지로 정확하고 효율적으로 전송된다. 예를 들어, 내가 웹 브라우저에서 어떤 웹사이트를 방문하려고 할 때 URL을 입력하면,..

알고리즘 문제를 풀다보면 자주 런타임 에러라는 것을 자주 마주치게 된다. 근데 그게 뭘까...? 궁금해서 이렇게 정리를 남긴다. 런타임 에러는 프로그램이 실행 중에 발생하는 오류를 말한다. 이런 오류는 프로그램이 실행되는 도중에만 발견될 수 있다. 비유적으로 레고 블록 쌓기와 비슷하다고 할 수 있다. 예를 들어, 레고 블록을 만든다고 생각해보자. 설명서를 가지고 블록을 만들고 있는데 중간에 필요한 레고 블록이 없다면? 그 블록이 없어서 레고를 완성할 수 없다. 이것이 런타임 에러에 해당한다. 즉, 프로그램이 실행되는 도중에 필요한 부분이 없거나, 예상치 못한 문제가 발생해서 프로그램이 제대로 실행되지 않는 상황을 말한다. 런타임 에러는 다양한 원인으로 인해 발생할 수 있다. 예를 들어, 프로그램이 너무 ..

1. 라이브러리 공통으로 사용될 수 있는 특정한 기능들을 모듈화한 것을 의미한다. 폴더명, 파일명 등에 대한 규칙이 없고 프레임워크에 비해 자유롭다. 여러 가지 기능을 제공하는 함수들의 집합이고, 프로그램 개발 시, 라이브러리를 사용하면 일부 기능을 손쉽게 구현할 수 있다. 예를 들어, 수학 계산을 위한 라이브러리를 사용하면 사람이 직접, 계산할 필요 없이 라이브러리 함수를 호출하여 결과를 얻을 수 있다. 개발자가 필요한 기능을 보완하여 개발을 용이하게 해주는 역할을 한다. 코드의 가독성도 높여준다. 대표적인 라이브러리 JQuery HTML 문서의 요소를 선택하고 조작하는 기능을 제공하는 라이브러리 다양한 브라우저에서 일관된 방식으로 동작하도록 개발되어 있습니다. React UI(User Interfac..

먼저, 함수부터 살펴보자!! 함수에 대한 정의를 찾아보면 함수(function)란 하나의 특별한 목적의 작업을 수행하기 위해 독립적으로 설계된 코드의 집합이다. 딱 보면 이해하기 너무 어렵다... 쉽게 정리해보자. 함수는 마치 조리법이나 계산 방법과 같은 것이다. 특정 작업을 수행하기 위한 명령을 모아놓은 것이다. 함수를 사용하면 프로그램의 여러 부분에서 동일한 작업 쉽게 반복해서 사용할 수 있다. 예를 들어, 내가 덧셈을 하고 싶은데 너무 귀찮다 그래서 누가 대신 풀어줬으면 좋겠다. 그럴때 함수를 사용한다. fuction 더하기(a, b) { return a + b; } let result = 더하기(3, 5); // 8출력 console.log(result); 위의 코드는 더하기 함수이다. resul..