기록을 찾기 쉽게, 생각을 다시 움직이게.

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

글

무엇을 기록하나요

추천 글

직접 고른 글

최신 글

더 보기

프로그래밍 61

자바스크립트(JavaScript) 문자열 자르는 방법

자바스크립트,프로그래밍,문자열,메서드,METHOD 문자열을 잘라 내가 원하는 모양으로 사용할 수 있다고? 프로그램을 만들다 보면 받아온 데이터를 핸들링하여 나타낼 데이터를 가공해야 할 일이 생각보다 꽤 많이 있습니다. 그중에서도 데이터를 받아 자르는 방법에 대해서 알아보도록 하겠습니다. 목차 문자열 자르기 자바스크립트로 활용하여 문자열 자르기를 하려고 합니다, 물론 다양한 방법이 있겠지만 제가 간단하고 쉽게 할 수 있는 방법으로 알려드리려고 합니다. 시작 전 기본개념 당연히 잘 알고 있는 부분이라고 생각은 하고 있지만 우선 기본적으로 알고 계셔야 하는 부분은 위 개념을 알고 계셔야 문자열을 자르거나 합칠 때 어려움이 없습니다. 예를 들어 N이라는 것을 찾고 싶다면 3으로 찾으면 됩니다. 우리가 흔히 알고..

DEVELOPMENT 2024.02.09

개발자 도구, 콘솔 막는 방법

콘솔로그,브라우저도구,크롬,디버깅 개발자도구 금지합니다! 개발을 하다 보면 한 번쯤 신경 쓰이는 것은 F12를 통해서 내가 만들고 있는 홈페이지가 위협을 받는듯한 느낌이 드는 경우가 있습니다. 이럴 때 어떻게 대처를 하면 좋을까라는 고민을 하다가 F12를 누르면 경고문과 함께 사이트가 멈추는 듯한 느낌이 보여줄 수 있으면 좋을까라는 고민을 하게 되었습니다. 아마 이 글을 보는 여러분도 한번쯤 고민을 해봤을 거라고 생각을 하며 적용방법에 대해서 간단하게 설명을 하려고 합니다. 물론 지금 이 방법이 완벽한 방법도 아니고 이렇게 한다고 해도 마음먹고 하는 분들을 막을 수 없지만 적어도 울타리 하나가 더 생겼다는 거에 위안을 삼는.....것도 좋지 않을까라는 생각 하시면 좋지... 않을까라는 생각입니다. 목차 ..

DEVELOPMENT 2023.08.13

자바스크립트 UUID 생성 방법

javscript,uuid 고유 식별을 할 수 있도록 나눠봅시다. 개발을 하다 보면 유일성이 필요한 경우가 굉장히 많다 물론 날짜를 기준으로 나눌 수 있겠지만 날짜 기준과 함께 한번 더 고한 식별자를 가지는 것도 분명 필요합니다. 이럴 때 사용을 할 수 있는 것은 바로 UUID라는 것입니다. UUID가 어떤 것인지 알아보겠습니다. 목차 JavaScript UUID UUID 범용 고유 식별자(UUID :: Universally Unique identifier)라고 하며 우리말로 쉽게 생각하면 소프트웨어 구축에 쓰이는 식별자로써 분산환경에서 개별 시스템이 id를 발급을 하도록 유일성이 보장이 되어야 하는데 이럴 때 사용을 할 수 있는 것이 바로 UUID를 사용을 하고 있는 것입니다. UUID는 128비트의 ..

DEVELOPMENT 2023.07.02

SQL, EXIST, NOT EXIST 알아보기

SQL EXISTS와 NOT EXISTS의 개념과 사용법, IN·JOIN과의 차이를 정리합니다.EXISTS와 NOT EXISTS, 쉽고 정확하게 정리SQL을 사용하다 보면 "어떤 조건을 만족하는 데이터가 다른 테이블에 존재하는가/존재하지 않는가"를 기준으로 결과를 걸러야 할 때가 많습니다. 이럴 때 쓰는 것이 EXISTS와 NOT EXISTS입니다. 저도 아직 배우는 입장이지만, 개념과 사용법, 그리고 자주 비교되는 IN·JOIN과의 차이까지 예제와 함께 정리해 보겠습니다.목차EXISTS란EXISTS는 서브쿼리(Sub Query)의 결과가 한 건이라도 존재하면 참(TRUE)으로 판단하는 연산자입니다. 쉽게 말해 "메인 테이블의 각 행에 대해, 서브쿼리 조건을 만족하는 데이터가 존재하면 그 행을 보여줘!"..

DEVELOPMENT 2023.02.25

내가 이해하기 쉽게 정리하는 프로미스(Promise) 알아보기

자바스크립트,EMCA,JS,AJAX,비동기처리,동기처리,프로그래밍,백엔드 이해가 안될 때 이 글 하나면 충분해요! 저도 그랬어요 개발을 하게 되면서 동기와 비동기를 처리하기 위해서 여러 가지 방법을 사용하여 진행을 하지만 효율적으로 관리를 할 수 있는 방법은 아무래도 Promise를 사용하는 것이 맞다고 생각을 한다 개념도 그렇고 Promise 말고 다른 방법도 많지만 흔히 사용하게 되는 콜백 함수를 사용하게 되면 무한 콜백이라는 끔찍한 상황에 맞이하게 된다 나 또한 부끄럽지만 아직 배울게 많다 보니 무한 콜백에 빠져 아찔한 화면을 본 적이 있기도 하고 혼자 검색하면서 프로미스 이론을 봤는데 잘 이해가 되질 않았는데 혼자 천천히 다시 하면서 이해한 개념에 대해서 말해보려고 합니다. 최대한 이론에 중심 해..

DEVELOPMENT 2022.10.02

논리연산자 [||, &&, !]

프로그래밍 논리 연산자(AND, OR, NOT)의 개념과 진리표, 단축 평가까지 정리합니다.확실하게 알고 넘어가는 논리 연산자코드를 작성하다 보면 가장 흔하게 사용하는 것이 논리 연산자입니다. 워낙 자주 쓰다 보니 익숙하지만, 정확한 동작(특히 단축 평가)을 모르면 의도치 않은 버그로 이어지기도 합니다. 이 글에서는 논리 연산자의 개념과 진리표, 실제 예제, 그리고 꼭 알아야 할 단축 평가와 우선순위까지 정리하겠습니다.목차논리 연산자란논리 연산자는 참(true)과 거짓(false)을 판단하는 연산자입니다. 결과가 불리언(boolean) 형태로 반환되기 때문에, 조건문(if)이나 반복문(while)에서 조건을 조합할 때 핵심적으로 쓰입니다.주요 논리 연산자이름연산자의미AND&& (또는 AND)둘 다 참이어..

DEVELOPMENT 2022.07.23

MySQL SQLines 사용방법

DDL,DCL,DML,SQL,데이터베이스,Database,프로그래밍,쿼리Query,변환 SQL 조금씩 다른 것들은 이거 하나만 보시면 해결완료! 개발을 하다 보면 중간중간 막히는 것들이 많은데 SQL 부분에서 회사마다 사용하는 것들이 다릅니다. 그래서 우리가 배웠던 SQL과 조금씩 다릅니다. 근데 검색을 하면 요즘 구글에서 거의 전부 나오긴 하지만 안 나오는 경우가 생각보다 많습니다. 그럴 경우 어떻게 하면 좋을지 알아봤는데 이 방법이 현실에서 사용하기 가장 좋을 거 같아 기억도 하고 다른 분들에게 알려드리기 위해 글을 올리려고 합니다. 간단하지만 쉽고 간편하게 사용할 수 있습니다. 천천히 보시고 따라 하시면 됩니다. 목차 MySQLines 사용방법 SQLines[#]에 접속을 하면 다양한 메뉴와 지원을..

DEVELOPMENT 2022.07.10

스프링(Spring), 기초부터 차근차근 알아보기

HTML,CSS,JAVASCRIPT,JS,JQUERY,개발,DEV,SOURCE,GITHUB,프레임워크,이클립스 스프링 A부터 Z까지 천천히 배웁시다. 최근 스프링 관련해서 배우고 있어 아직 저 또한 초보이기 때문에 기억하고 기록하는 차원에서 글을 적으려고 합니다 물론 여기서 저는 타 블로그 현업 개발자분들보다 부족할 수 있지만 기초부터 알아가기 위해 이렇게 글을 적으려고 하니 초보 분들에게도 많은 도움이 되었으면 좋겠습니다. 목차 스프링 프레임워크(Spring Framework) 스프링이란? 우선 스프링이란 무엇인지 알아보려면 자바에 대해서 먼저 알아야 합니다 자바는 우리가 프로그래밍을 하게 되면 가장 기초로 시작하는 C언어 자바로 시작을 하게 되기도 합니다. 우선, 자바를 많이 하는 이유는 객체 지향이..

DEVELOPMENT/JAVA 2022.05.07

프로그래머, 자세히 알아보기

프로그래머,코딩,교육,소프트웨어,SI,SM,취업,연봉,컴공,컴퓨터공학과,현직개발자,인터뷰,프론트엔드,백엔드,AI 개발자가 되는 방법은 어떤 방법이 있는지 알아봅시다! 요즘 어릴 때부터 코딩 교육이 일상적으로 많이 자리 잡으면서 프로그래머에 대한 관심도 많아지고 있습니다. 코딩이라는 것이 좋은 곳으로 발전을 한다면 세상을 바꿀 수 있다고 생각하고 있기도 합니다 그만큼 새로운 기술들이 다양하게 발전하고 있습니다 그래서 이번엔 프로그래머 즉, 개발자에 대해서 알아보도록 하겠습니다. 목차 개발자(DEVELOPER) 개발자란? 흔히 이야기하는 모든 분야에서 사용을 할 수 있지만 이번에 소개를 해드리려고 하는 것은 소프트웨어 개발자를 이야기하려고 합니다. 우리가 흔히 개발자라고 하면 소프트웨어 개발자를 생각하기도 ..

DailyRoutine 2022.05.06

VS Code(Visual Studio Code)에서 깃허브(GitHub) 업로드 방법

vscode,visualstudiocode,비주얼스튜디오코드,깃허브,github,업로드,소스,프로그래밍,merge,머지,마이크로소프트,윈도우,Microsoft 에디터를 활요한 편한 깃허브 사용방법 비주얼 스튜디오 코드를 평소 많이 사용하게 되는데 해당 프로그램을 이용하여 깃허브에 바로 업로드하여 관리할 수 있는 방법에 대해서 알아보도록 하겠습니다. 일부 다를 수 있으나 거의 비슷하여 해당 방법과 비슷하게 따라 하시면 어려움이 없이 사용할 수 있습니다. 목차 준비물 GitHub [#] VisualStuido Code [#] GitHub 설치방법 - 버전에 따라 일부 차이가 있을 수 있으며, 사용자 환경에 따라 약간 달라질 수 있습니다. 위 주소로 들어가 사용하고 있는 운영체제를 선택하여 설치를 진행합니다...

DEVELOPMENT 2021.11.10