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

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

DEVELOPMENT 127

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

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

DEVELOPMENT 2022.10.02

이클립스(Eclipse) 실행이 안될 때 오류 해결방법

개발,프로그래밍,오류,실행,에러,해결방법,경로,설치파일 이클립스 오류 해결하는 방법 앞서 이야기했듯이 취업을 하고 처음 들어가고 봤을 때 학원이나 학교에서 이클립스를 사용을 해봤고 다른 툴은 거의 사용을 할 일이 많이 없었기도 했는데 취업을 하고 내가 배웠던 것은 비주얼스튜디오(Visual Studio)였고 또 한동안 계속해서 그쪽으로만 사용을 하다 보니 이클립스가 가물가물해졌다 또 쓸 일도 없다고 생각을 했는데 PostreSQL은 이클립스 기반이라는 말을 얼추 듣기도 했지만 내가 만지는 것은 아니닌깐 별 상관을 안 했지만 회사 내 사용하던 프로그램 중 구버전(옛날 사용하던 것)을 어느 정도 배워야 한다는 말과 함께 배우기 시작하면서 또 이클립스를 만지기 시작했다 그리고 간단하지만 겪었던 오류 해결방법을..

DEVELOPMENT 2022.09.10

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

논리연산자프로그래밍,boolean,반복문,비교 확실하게 알고 넘어가는 논리연산자 코드를 작성하다 보면 가장 흔하게 사용하는 논리 연산자가 있다 이런 연산자들을 사용하는 것은 기본적으로 많이 하지만 사용을 하려면 그 개념에 대해서도 확실히 알고 넘어가는 것이 필요하다 그래서 정리도 하고 저와 같이 필요한 분들에게 도움이 되었으면 좋겠다는 생각으로 아래와 같이 간단하게 정리를 하려고 합니다. 목차 논리연산자 논리 연산의 경우 참, 거짓을 판단할 수 있는 것입니다. 위에도 이야기하였듯이 boolean으로 true, false 형태로 반환이 되기 때문에 반복문에 자주 사용하기도 합니다. 주요 논리연산자 연산자 이름 && AND AND AND || OR OR OR ! NOT 간단하고 싶게 알아보는 논리 연산자, ..

DEVELOPMENT 2022.07.23

MySQL SQLines 사용방법

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

DEVELOPMENT 2022.07.10

글자 타이핑하는 효과를 주는 라이브러리 사용방법

라이브러리,자바스크립트,JS,JAVASCRIPT,오픈소스,깃허브 조금 더 이쁘게 보일 수 있는 방법은? 홈페이지를 만들게 되면 기능도 물론 신경을 써야 하지만 이용자가 들어오게 되면 먼저 보게 되는 디자인 요소를 생각해야 하는데 저 또한 홈페이지를 만들게 되면 제일 먼저 신경을 써야 하는 부분은 디자인이라고 생각합니다. 아무리 기능이 좋다고 하더라도 디자인이 좋지 않다면 이용하는 이용자 입장에서 매우 힘들 수 있다고 생각이 들기 때문입니다. 그래서 다양한 오픈소스 라이브러리들이 많지만 오늘은 타이핑 효과를 사용할 수 있는 라이브러리에 대해서 소개해드리려고 합니다. 목차 typewriter-effect 해당 라이브러리는 실제로 제가 홈페이지에서 사용을 했던 라이브러리입니다. 홈페이지에 처음 접속을 하게 되..

DEVELOPMENT 2022.06.26

SweetAlert2를 활용하여 알림창 변경방법

자바스크립트,디자인,프론트엔드,백엔드,오픈소스라이브러리,공식문서,깃허브 기본 알림창을 변경하여 자신의 웹을 바꿔보자 최근 포트폴리오를 준비하면서 사이트를 만드는데 자바스크립트 등으로 만들어져 있는 오픈소스 라이브러리에 대한 관심도가 많아져 검색을 하다 보니 정말 다양하고 좋은 기능들이 많이 있기도 하고 신기한 기능들이 많이 있었습니다. 그중에서 사이트에 적용을 하면 괜찮을 것 같은 알림창(Alert)관련한 오픈소스를 여러분에게 소개를 해드리려고 합니다. 목차 SweetAlert2 [#] 우리가 보통 홈페이지를 이용하다 보면 자주 볼 수 있는 알림 창의 경우 보통 아래의 모양처럼 나오는 것을 확인을 할 수 있습니다. SweetAlert를 사용하게 되면 위와 같은 기본 알림창의 디자인을 바로 변경하여 사용할..

DEVELOPMENT 2022.05.14

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

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

DEVELOPMENT/JAVA 2022.05.07

맥에서 스프링 개발환경 구축하는 방법

맥,이클립스,운영체제,윈도우,개발,프레임워크,JSP,HTML,JS,CSS자바,스크립트,버전 맥에서 스프링을 사용하는 방법 최근 스프링 관련하여 공부를 하고 있는데 이전 글에도 글을 썼지만 맥북 에어를 구입을 하고 처음 맥을 사용하면서 어려움이 많습니다. 물론 지금 사용한 지 조금 지나다 보니 익숙해지긴 하지만 여전히 어렵다고 느껴집니다 사용이 불편하고 어려운 건 둘째 치더라도 개발환경을 윈도우에서 늘 익숙하게 사용하던 것처럼 하려는데 맥과 전혀 맞질 않아 제대로 실행이 안되기도 하고 프로그램 삭제 후 재설치하려는데 제대로 삭제가 안돼서 몇 번 초기화하다가 결국 공장초기화를 진행을 하고 우여곡절이 많았습니다 그래서 이번 글은 저와 같은 분들이 없었으면 좋겠고 또 나중에 제가 혼자 설정을 하는 일이 있으면 ..

DEVELOPMENT 2022.04.17

이클립스(Eclipse) 개발환경 인코딩(Encoding) 설정방법

이클립스,개발환경,설치,초기설정,UTF8,EUCKR,한글깨짐,인코딩,한글,서버 이것만 보면 이클립스 인코딩 관련 설정은 끝! 이클립스를 처음 설치하고 아무런 설정없이 이용을 하다보면 한글깨짐이 제일 많이 발생을 합니다 이럴 경우 깨질때마다 하나하나 설정을 하면 불편하기도 불편하다고 생각합니다 그래서 여러분은 저와 같이 불편함이 없었으면 하는 마음으로 이클립스 인코딩 설정을 할 수 있는 방법을 정리했습니다 정말 간단하고 빠르게 설정을 할 수 있으니 혹시나 포맷하거나 삭제하고 재설치하는 분들은 이 글 즐겨찾기에 추가하고 필요할 때마다 보시는 것을 추천합니다! 이클립스 인코딩 설정 이클립스를 실행합니다 이클립스 버전에 따라서 차이는 크게 없기때문에 버전 상관없이 따라하시면 됩니다. 우선, 제일 첫번째로 Ecl..

DEVELOPMENT 2022.04.06

이클립스(Eclipse) 다운로드부터 설치 알려드립니다.

이클립스,IDE,설치,다운로드,무료개발툴,개발프로그램,DEV,자바,JSP,WEB,통합개발환경 이클립스 사용을 하려면 이글 하나면 충분! 이클립스를 처음 사용하고 싶은 분들은 어떻게 사용하면 좋을지에 대해서 알아보도록 하겠습니다. 천천히 따라 하시면 설치부터 설정까지 하실 수 있으니 따라하시면 됩니다. 이클립스(Eclipse) 이클립스는 자바를 비롯한 다양한 언어를 지원하는 프로그램으로써 많은 분들이 사용하고 있는 프로그램 중 하나입니다. 이 프로그램을 사용하기 위해 기본적으로 자바를 먼저 설치를 진행을 해야 합니다. 이전 제가 올렸던 글에 환경변수 설정 방법과 함께 설치를 할 수 있는 방법[#]을 정리를 했으니 우선 자바 설치와 함께 환경변수 설정을 하고 오시면 됩니다. 자! 그러면 본격적으로 이클립스를..

DEVELOPMENT 2022.03.19