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

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

코딩 7

비주얼스튜디오(Visual Studio) 개발환경 갖추기

마이크로소프트,개발툴,환경,코딩,프로그램,개발자,언어,운영체제,설치 무겁지만 편리한 Visual Studio 간단히 알아봅시다. 마소에서 만든 비주얼 스튜디오는 사실 이 하나만 사용을 한다면 윈도우에서 사용하고 있는 모든 프로그램을 거의 다 개발할 수 있을 정도로 많은 것을 지원하는 것 중 하나입니다. 그래서 그런지 이 프로그램을 사용을 하려면 정말 많은 용량이 필요한데 설치할 때 내가 필요한 옵션을 선택을 하여 설치를 할 수 있긴 하지만 그래도 용량이 부담스럽기도 합니다. 또 저사양 환경에서 어느 정도 최적화가 되어있긴 하지만 사용하다 보면 메모리를 상당히 잡아먹고 있어 부담스럽기도 합니다. 그럼 비주얼스튜디오와 함께 알아보도록 하겠습니다. 목차 비주얼스튜디오(Visual Studio) 설치 및 다운로..

DEVELOPMENT 2023.03.19

ChatGPT, 무섭게 발전하는 AI 인공지능 이용방법

인공지능, AI, 삼성, 애플, 빅스비, 시리, 카카오, 마이크로소프트, 구글, ChatGPT, OpenAI OpenAI에서 만든 인공지능 알고 계시나요? 요즘 굉장히 인기가 많아지고 있는 단어들이 있습니다. 인공지능, AI등이 있는데 사실 몇년전부터 우리에게 친숙한 빅스비나 시리, 그리고 다양한 서비스들이 인공지능이라고 불리는 기술들이 접목을 하고 있는 서비스입니다. 그러나 우리가 아직 이런 서비스들을 이용을 해도 정말 간단하고 쉬운 것들만 이용을 하기 때문에 인공지능이 얼마나 많이 발전이 되어있는지에 대해서 체감을 하기 어렵기도 한 부분 중 하나입니다. 저 또한 개발을 하고 있긴 하지만 전혀 분야가 다르기때문에 생소하기도 합니다 그런데 최근 ChatGPT라는 것을 듣게 되고 알아봤습니다. 일부 개발자..

DEVELOPMENT 2023.01.28

웹 소스 코드 공유 및 테스트 방법

소스코드,코드사이트,프로그래밍,언어,코드펜,w3schools,html,css,javascript,웹,프론트,백엔드 웹 프로그래밍 코드 테스트 및 공유하는 방법 웹 개발을 하면서 다른 사람들과 소스 코드를 공유할 때 어떤 식으로 공유를 하시나요? 보통 복사 - 붙여 넣기로 바로 공유하는 경우도 있지만 쉽고 조금 더 알아볼 수 있도록 공유할 수 있는 방법에 대해서 알아보도록 하겠습니다. 더욱 많은 사이트가 있지만 제가 사용해봤던 것 중 일부를 소개해드리니 보시고 여러분이 편하게 사용할 수 있는 사이트를 이용하시면 됩니다. 목차 CodePen [#] 코드펜의 경우 제가 가장 많이 사용하고 있는 사이트 중 하나입니다. 웹 개발할 때 쉽고 간편하게 수정하고 테스트할 수 있어 그 자리에서 확인을 할 수 있다는 것과..

DEVELOPMENT 2021.11.16

Bootstrap :: Modal 활용하는 방법

HTML,홈페이지,웹,개발,프로그래밍언어,자바스크립트(JS),Jquery)제이쿼리,웹,팝업,모달 팝업보단 모달을 쓰자! 일반적으로 우리가 웹페이지를 이용하다 보면 자주 볼 수 있는 화면이 있는 팝업과 함께 모달이 존재합니다. 저의 경우 처음 HTML이라는 것을 접했을 때는 팝업(pop-up)을 이용하여 어떤 필요한 정보를 출력을 하였는데 우리가 인터넷을 쓰다 보면 팝업창이 뜨면 내용을 정확히 보지도 않고 닫거나 불편하고 여러모로 크게 좋진 않아 어떻게 하면 좋을까 고민을 하다 모달(modal)이라는 것을 알게 되었습니다. 그래서, 여러분에게 팝업과 모달의 차이점에 대해서 간단히 알아보고 모달 사용방법에 대해서 알아보도록 하겠습니다. 목차 모달(Modal) VS 팝업(pop-up) 팝업(pop-up) 우선..

DEVELOPMENT 2021.08.27

안드로이드 스튜디오, 커스텀 리스트뷰(Costom ListView)를 활용하자

안드로이드스튜디오,앱개발,모바일앱,어플리케이션,전화,통화,버전,API 커스텀 리스트뷰를 활용하여, 간단한 전화 걸기 과제일시 : 2020-04-13 이번에 해볼 것은 저번에 만들었던 것과 비슷하지만 커스텀 리스트뷰를 활용하여 전화를 할 수 있는 어플을 만들어 볼 예정입니다. 먼저, 실행화면부터 보여드리겠습니다. 실행화면 어플리케이션(Application) 동작 순서 1. 실행을 한다. 2. 어플을 실행을 하면, 리스트 뷰로 아이템이 출력이 된다. 3. 아이템 중 하나를 누르면, 해당 아이템의 이름이 토스트(Toast) 메시지 출력이 되며, 키패드에 번호가 입력이 된다. 소스 코드 [Source Code] * Project Name : MoviePost *************************** *..

서버 사이드 프로그래밍, 기초에서 시작하자

자바(java),톰캣(tomcat), 이클립스 설치 방법,개발기초,초보프로그래머,환경변수,아파치,웹서버 첫 개발환경을 구축하자 웹페이지를 JSP를 이용하여, 제작하는 첫 단계로 먼저, 개발환경을 구축하려고 합니다. 프로그래밍에 조금이라도 배웠던 사람들은 HTML과 PHP에 대해선 잘하든 못하든 들어봤을 것이라고 생각합니다. 저희는 이번 서버 사이드 프로그래밍을 통해 JSP를 이용하여, 동적 웹피이지를 만들어보려고 합니다. 개발환경을 위해 필요한 것이 있습니다. 첫번째, 자바가 필요로 합니다. 자바의 경우에는 [링크]로 들어가시면, 다운로드 가능합니다. 오라클 소프트웨어 다운로드 | 오라클 | Oracle 대한민국 개발자 다운로드 모든 소프트웨어 다운로드는 무료이며 애플리케이션의 개발 및 프로토타이핑을 위..

10-10, 클라이언트 사이드 프로그래밍

클라이언트사이드 객체 생성 방법 리터럴 (literal) 객체 [문자 그대로,직역의,상상력이 부족한] [1. 프로그래밍 언어 직접 값을 나타내는 자구 단위] [2. 원시 프로그램 중에 있는 기호 또는 양] [3. 문자들 자체에 의해서 값이 주어지는 문자열] 이해 : 보이는 것 그 자체가 바로 값을 나타내는 것 [ex. let name="홍길동";유사한 객체를 만들려면 반복 코딩 [재사용성이 떨어짐] 그래서 생성자 함수의 필요성 생성자 함수 [ 자바의 클래스와 비슷 ] let 객체명 = new 생성자함수(); -> 생성자 함수를 호출하여 객체를 생성 생성자 함수를 통해 생성된 객체(instance)들은 모두 같은 유형의 객체들로 분류 객체 코드 재사용 [ 리터럴보단 효율적임 ] 생성자 함수 정의와 호출 방..