혁신을 이룹니다, 오딘박스(OdinBOX)

언제나 어디서나 오딘박스와 함께!

DEVELOPMENT 134

윈도우 운영체제에서 Telnet을 이용한 포트 열림 확인 방법

간단하게 포트열림을 확인을 해봅시다!Telnet을 알고 계시는가요? 쉽게 포트 확인이 가능해요!네트워크 진단 및 관리에서 특정 포트가 열려 있는지 확인하는 작업은 매우 중요합니다. 이를 통해 방화벽이나 보안 설정이 제대로 구성되었는지 확인할 수 있으며, 원활한 데이터 통신을 보장할 수 있습니다. Windows 운영체제에서 이러한 포트 열림 상태를 확인할 때 Telnet을 사용하면 간편하게 원하는 결과를 얻을 수 있습니다. 하지만 기본적으로 Telnet은 Windows에서 비활성화되어 있어, 사용을 위해 간단한 설정이 필요합니다. 이번 글에서는 Windows에서 Telnet 기능을 활성화하고, 이를 통해 포트 열림 상태를 확인하는 방법을 단계별로 소개하겠습니다.목차텔넷(Telnet)Telnet은 뭘까요?T..

DEVELOPMENT 2024.11.13

Bootstrap 5 그리드 시스템 알아보기

웹 반응형 만들 때, 이걸 활용해보세요!반응형을 만들려고 하면, 이건 알아야죠!다양한 기기들을 고려하여 웹사이트를 만드는 것은 매우 중요합니다. 웹 개발에서 반응형 디자인은 필수적인 요소로 자리 잡았고, 이를 효율적으로 구현할 수 있는 도구 중 하나가 바로 Bootstrap 5입니다. Bootstrap 5의 그리드 시스템은 반응형 웹 페이지를 손쉽게 구축할 수 있게 해주는 강력한 기능을 제공합니다. 이 글에서는 Bootstrap 5의 그리드 시스템을 소개하고, 어떻게 활용할 수 있는지 구체적으로 알아보겠습니다.  목차Bootstrap5 GridSystemBootstrap 5 Grid란?Bootstrap의 그리드 시스템은 12개의 컬럼로 구성되어 있습니다. 12개의 컬럼을 기반으로 웹 페이지의 레이아웃을 ..

DEVELOPMENT 2024.11.12

자바스크립트 콜백 함수 완벽 가이드

쉽다면 쉽고 어렵다면 어려운 자바스크립트 콜백여러분이 콜백에 대한 이해를 할 수 있을 거예요!자바스크립트에서 콜백(callback) 함수는 비동기 작업을 처리하는 중요한 개념 중 하나입니다. 특히, 웹 개발이나 서버 사이드 프로그래밍에서 주로 사용되며, 프로그램의 흐름을 효율적으로 관리하는 데 큰 도움이 됩니다. 이 글에서는 콜백 함수가 무엇인지, 어떻게 사용되는지, 그리고 실제 예제를 통해 콜백 함수의 동작 원리와 활용 방법을 설명하겠습니다.목차Javascript callback콜백 함수란? 콜백 함수는 다른 함수에 인자로 넘겨지는 함수입니다. 즉, 어떤 함수가 끝난 후, 특정 동작을 실행하기 위해 넘겨준 함수를 나중에 호출하는 방식입니다. 주로 비동기 작업에서 많이 사용됩니다. 비동기적으로 데이터를 ..

DEVELOPMENT 2024.11.11

자바스크립트 null, undefined, NaN의 차이점 완벽 정리

이걸 알면 어떻게 해결할지 답이 나옵니다! Null? Undefined? 차이가 뭔데? 자바스크립트에서 값을 명시적으로 "없다" 또는 "유효하지 않다"고 표현하는 데 사용하는 값들은 null, undefined, NaN입니다. 하지만 이들이 비슷하게 보일 수 있으나 각각의 의미와 사용되는 상황은 확연히 다릅니다. 특히, null과 undefined는 값이 "없음"을 나타낸다고 하지만 그 의미와 용도가 다르고, NaN은 수치 연산에서 "숫자가 아님"을 나타냅니다. 이 글에서는 null, undefined, NaN의 차이점과 사용 사례를 예제를 통해 자세히 살펴보겠습니다. 목차 Null-Undefined-NaNnull - 값이 없다null은 명시적으로 값이 없거나 비어 있음을 나타내는 특별한 값입니다. 주로..

DEVELOPMENT 2024.11.10

컴퓨터의 계산 실수? 부동 소수점 연산 오류의 비밀과 해결법

컴퓨터가 항상 원하는 결과를 주는 것은 아니다. 소수점 연산 해결해 보자! 프로그래밍을 하다 보면 의외의 계산 결과가 나오는 경우가 있습니다. 예를 들어, 0.1 + 0.2가 0.3이 아닌 0.30000000000000004로 출력될 때가 있죠. 이러한 현상은 컴퓨터가 소수를 표현하는 방식인 ‘부동 소수점’ 때문입니다. 이 글에서는 부동 소수점 오류의 원리와 실무에서 이를 해결하는 방법을 알아보겠습니다. 목차 부동 소수점 연산부동 소수점의 원리컴퓨터는 소수를 2진수로 변환해 메모리에 저장합니다. 그러나 일부 소수는 2진수로 완벽히 표현되지 않아 미세한 오차가 발생합니다. 0.1과 0.2는 2진수로 정확히 표현할 수 없어 계산 시 미세한 오류가 생깁니다. 예제와 해결법 예를 들어, Python에서 0.1 ..

DEVELOPMENT 2024.11.09

OpenAI API Key 발급방법

ChatGPT,챗지피티,OpenAI,APIkeyAI 관련하여 사용을 하고 싶다면 이게 먼저 있어야 합니다! 인공지능 기술이 빠르게 발전하면서, 다양한 AI 도구들을 손쉽게 활용할 수 있는 시대가 되었습니다. 그중에서도 OpenAI의 API는 텍스트 생성, 번역, 요약 등 다양한 언어 관련 작업을 간편하게 수행할 수 있는 도구입니다. 이 글에서는 OpenAI의 API Key를 발급받아 기술을 직접 경험할 수 있는 방법을 단계별로 설명하겠습니다. 목차OpenAI API Key 발급방법OpenAI API Key 발급을 받을 수 있는 방법에 대해서 정리를 해드리겠습니다, 아래와 같이 진행을 해주세요.우선, OpenAI[#]로 접속을 합니다, 로그인을 먼저 해야 합니다. 기존 ChatGPT에서 로그인을 하는 계정..

DEVELOPMENT 2024.10.09

AJAX(Asynchronous JavaScript and XML)에 대해서 알아보기

"비동기 요청을 할 때 어떤 것을 사용하시나요?"AJAX에 대해서 알아봅시다!웹페이지를 개발을 하면 서버와 통신을 할 수 있는 방법 중 여러 가지 방법이 있겠지만 저의 경우 ajax를 자주 사용하고 있습니다. 자주 사용하고 있으니 많이 알고 있냐라는 물음에 의문이 들어 개념 정리해보려고 합니다. 목차AJAX(Asynchronous JavaScript and XML)AJAX가 뭐야?Asynchronous JavaScript transfer (x-fer)의 약자입니다. 말 그대로 javsciprt와 XML형식을 이용한 비동기적 정보 교환 기법이라고 생각을 하시면 됩니다. 예전에는 XML을 기본으로 사용을 하고 있지만 지금은 JSON을 많이 사용을 하고 있습니다.AJAX 개념은 어떨까요?비동기 요청 (Asyn..

DEVELOPMENT 2024.07.30

[HTML] DOM(Document Object Model)에 대해서 알아봅시다.

"다시 기초부터 잡아"DOM(Document Object Model)이 머야!HTML은 모든 사람들에게 프로그래밍을 처음 접하게 되면 접하게 됩니다. 그리고 계속 배우면서 쓰다 보면 자바스크립트 등을 사용을 하면서 다양한 것들을 활용하여 원하는 기능을 도출해야 합니다. 이번에 저 또한  웹 쪽으로 다양한 기능을 연동하여 만들어야 하다 보니 DOM에 대한 개념들을 다시금 한번 더 제대로 잡아야 하는 이유가 생겨 한번 정리를 해보려고 합니다.목차DOM(Document Object Model)잠깐! HTML에 대해서 알아보죠HTML(HyperText Markup Language)는 우리가 흔히 사용을 하고 있는 웹페이지를 만들기 위해 사용하고 있는 기본 언어라고 생각하면 됩니다. 여기서 이 글을 보는 분들 중..

DEVELOPMENT 2024.07.28

Async/Await 문법 알아보기

"처음 하는 분들은 더 헷갈릴 문법!"생각보다 자주 쓰지만 생각보다 헷갈리는 Async/Await개발을 하다보면 자주 사용하는 문법 중 하나인 Async와 Await에 대해서 개념을 정리해보려고 합니다. 이 글이 다른 사람들에게도 도움이 되었으면 합니다. 혹시 보면서 수정 할 내용이나 조금 더 보완을 했으면 좋겠다는 것이 있으면 댓글로 남겨주세요목차async/await자바스크립트 기준으로 설명을 작성해보려고 합니다. 우선, 해당 문법의 경우 비동기 프로그래밍을 위한 구문 중 하나이며 이를 통해 프로미스(Promise)를 더욱 간결하고 직관적으로 사용 할 수 있는 방법 중 하나입니다. 기본적인 개념은 모든 언어에서 비슷합니다만 각 언어 특성상 약간은 다를 수 있으니 큰 개념에선 이렇다라고 이해하시면 됩니다..

DEVELOPMENT 2024.07.21

Flutter FCM(Firebase Cloud Messaging) 알림(Notification) 사용방법

Flutter Notification 추가해 보자!알림은 이걸로 해보세요!요즘 업무에서 플러터를 활용하여 앱을 만들어 배포를 해야 하는 일이 생겨 공부를 하고 있는데 이 중에서 앱의 가장 큰 장점 중 하나인 알림을 보내야 하는데 어떻게 하면 좋을지 고민을 하다가 검색을 해보니 FCM이라는 것을 많이 활용하여 만드는 것 같아 이걸로 적용을 하기로 했습니다. 처음 사용하는 분들도 이 글을 보고 도움이 될 수 있도록 정리를 해보려고 합니다.목차FCM(Firebase Cloud Messaging)우선, 파이어베이스[#]로 접속을 합니다, 파이어베이스의 경우 구글 계정이 있으면 사용을 할 수 있습니다. 상단 오른쪽을 클릭하여 선택을 하면 구글 계정 로그인을 할 수 있습니다. 로그인 후 Console로 이동을 합니..

DEVELOPMENT 2024.06.22