728x90
반응형

전체 글 105

json을 배열화 하는 방법

안녕하세요. 터미네입니다. 이번 포스팅은 json 배열화 하는 방법을 소개합니다. 소개하기 앞서 json의 데이터의 조건을 말씀드릴게요 json안에는 key값과 value가 있으며 n개가 있다고 가정하겠습니다. 즉 예시로 말씀드리자면, {"key1":"value1", "key2":"value2" ... "keyn":"valuen"} 이렇게 되어있다고 가정하겠습니다. 위 json으로 된 것을 어떻게 배열화할 수 있는지 소스를 통해 소개알려드리겠습니다. json 테스트 위 결과는 메모장으로 작성 후, 확장자를 html로 저장한 뒤에 크롬 브라우저로 열어서 확인이 가능합니다. 결과를 캡처해보면 아래 이미지처럼 나옵니다. 키값을 배열화 한 뒤에 for문을 돌려서 json데이터 안의 value들을 push를 통해..

자바스크립트 백틱(backtick) 사용

안녕하세요. 터미네입니다. 이번 포스팅은 자바스크립트에 백틱 을 소개합니다. 백틱이란? 기호는 ` 를 말한다. 윈도우 키보드에서는 1 왼쪽에 ~ 모양이 있는데 Shift키를 누르면 백틱을 칠 수 있어요. 맥북 키보드에서는 윈도우 키보드의 위치와 동일한데, 한글타입일 경우 ₩를 칠 수 있지만 영문타입으로 바꾼뒤에 누르면 `을 칠 수 있습니다~ 백틱으로 템플릿 리터럴을 사용할 수 있는데, 템플릿 리터럴을 왜 사용할까요? 백틱을 사용한 것과 사용하지 않은것의 차이를 예제로 살펴보겠습니다. * 템플릿 리터럴을 사용한 예제 * let fruit = `과일`;//백틱으로 템플릿리터럴 사용 let apple = `사과`; let peach = `복숭아`; //사과와 복숭아는 과일이다. console.log(`${ap..

jQuery change함수 사용하기

안녕하세요. 터미네입니다. 이번 포스팅은 jQuery change함수를 소개합니다. 해당 포스팅을 읽기전에 앞서 포스팅한 세 개를 먼저 읽어보시면 이해에 큰 도움이 될 수 있습니다~ ^^ jQuery 라디오버튼 체크박스 사용하기 안녕하세요. 터미네입니다. 이번 포스팅은 jQuery로 라디오버튼 및 체크박스를 사용하는것을 소개합니다. 코드와 함께 설명 드리겠습니다. 우선 아래 html 코드 기반으로 jQuery 활용예제를 살펴볼 danbam.asbai.xyz jQuery each문 사용법 안녕하세요. 터미네입니다. 이번 포스팅은 jQuery each문 사용을 소개합니다. each문 사용은 언제쓰냐면, 해당요소에 대해 여러개의 요소들을 처리할 때 사용합니다. 제가 요소라고 부르는 곳에는 id danbam.a..

jQuery 라디오버튼 체크박스 사용하기

안녕하세요. 터미네입니다. 이번 포스팅은 jQuery로 라디오버튼 및 체크박스를 사용하는것을 소개합니다. 코드와 함께 설명 드리겠습니다. 우선 아래 html 코드 기반으로 jQuery 활용예제를 살펴볼게요. 사과 배 수박 축구 야구 배구 jQuery radio버튼 활용 radio버튼은 name이 동일할 경우 무조건 하나만 선택이 가능합니다. 사과를 선택하면 라디오버튼이 체크될텐데, 이때 배를 또 선택하면 사과에 체크된 것이 사라집니다. 사과, 배, 수박 중 하나를 선택 후에 "값확인" 버튼은 눌러 값을 확인하는 function을 구현해보겠습니다. function checkRadioValue(){ console.log($("input[name=fruit]:checked").val()); //alert($(..

jQuery each문 사용법

안녕하세요. 터미네입니다. 이번 포스팅은 jQuery each문 사용을 소개합니다. each문 사용은 언제쓰냐면, 해당요소에 대해 여러개의 요소들을 처리할 때 사용합니다. 제가 요소라고 부르는 곳에는 id(#id) , class(.class), 태그명(div, ul, li) 등등이 있습니다 $(요소).each(function (index, item) { ~~ 중략 ~~ }); 그럼, html과 같이 사용해보도록 하겠습니다. html에 div의 class명 fruit로 해보겠습니다. 사과 바나나 딸기 땅콩 class가 fruit인 div는 세 개이고 div는 네 개입니다. jQuery each문 두 개를 작성해보면 아래와 같습니다. 1) class fruit 요소에 대한 each문 2) div 네 개에 대..

jQuery this 사용법

안녕하세요. 터미네입니다. 이번 포스팅은 jQuery에서 사용시 활용하는 this를 소개합니다. this의 의미는 무엇일까요? 번역하자면 '이것'이라는 의미죠. jQuery에서의 this는 $안의 요소에 대해 기능을 정의했을 경우 $안의 요소를 가리키는 것입니다. 사과선택 배선택 오렌지선택 위 예제 코드에서 $(this)에서 this는 무엇일까요? 바로 select[name=fruit]를 가리킵니다. $(~~~)에 대한 jQuery함수가 실행할 때, this라는 것을 써서 이것에 대해 기능을 활용하는 것이겠죠. 자바 언어에서도 this라는 것을 사용하는데, 자바에서의 this는 해당 클래스를 의미합니다. 코드 문법 자체가 다르더라도 의미가 비슷하다고 볼 수 있겠네요. jQuery에서의 this는 개발에 ..

jQuery ajax 사용법 정리

안녕하세요. 터미네입니다. 이번 포스팅은 jquery ajax 사용법을 소개합니다. 회사에서 ajax를 자주 애용하지만, 소스코드에 잘 코딩되어 있어서 유지보수하는 시스템 혹은 프로젝트 중에 소스를 복사 붙여넣기 한 후 서버 endpoint 및 데이터 주고받는 형식을 정하기만 하는 기계적인 코딩을 하고만 있어서 이번 포스팅을 통해 실속있는 ajax 개념을 정리하려 합니다. ajax의 기본은 아래와 같습니다. $.ajax({ type : "POST",//서버에 요청하는 타입, GET방식도 있음. contentType : "application/json; charset=utf-8", //서버에 전송하는 데이터형식과 인코딩타입 url : "/tra/selectHotPlace.json", //요청할 서버 url..

jQuery 부모 자식 요소 찾아 스타일 적용

안녕하세요. 터미네입니다. 이번 포스팅은 jQuery로 부모 자식 요소를 찾는 방법을 소개합니다. $를 활용하면 왠만하면 jQuery를 사용하는 것이죠. 자 우선 이해를 돕기 위해 html 예시 소스를 통해 실습을 해보겠습니다. 사과 오렌지 포도 딸기 자자 body 안에 있는 첫번째 div태그는 id가 firstDiv이고 그 하위 요소는 ul태그와 li태그가 있습니다. ul의 스타일을 적용하려면 어떻게 해야될까요? 방법은 두 가지가 있습니다. 1. div태그의 id인 firstDiv를 활용하여 ul에 css를 적용 $("#firstDiv > ul").css({"border": "1px solid black"}); $("#firstDiv > ul").attr("style", "border:1px solid..

postman으로 nodejs express CRUD 해보기

postman으로 nodejs express CRUD 안녕하세요. 터미네입니다. 이번 포스팅은 nodejs express 로컬서버를 구동한 상태에서 포스트맨으로 데이터 CRUD를 실습해보도록 하겠습니다. 실습하기전에 nodejs express가 처음이시거나 프로젝트를 별도로 생성을 안하셨으면 이전 포스팅을 참고하시면 더욱 도움이 됩니다. 아래에 배너링크를 두개 남겨드립니다. nodejs express mysql db 연결하기 안녕하세요. 터미네입니다. 이번 포스팅은 nodejs express에 db를 연결하는 것에 대한 내용입니다. nodejs express 프로젝트 생성하는 방법은 아래 배너를 남겨드리니 해당 포스팅에 가서 프로젝트 생성 danbam.asbai.xyz postman으로 nodejs ex..

NodeJS 2023.01.04

postman으로 nodejs express 로컬서버 통신

안녕하세요. 터미네입니다. 이번 포스팅은 nodejs express 로컬서버를 구동한 상태에서 포스트맨으로 request통신을 하여 응답을 받는 내용을 다루겠습니다. 포스팅을 읽어보시기 전에 postman으로 접속하셔서 회원가입하셔서 로그인 하신 후, pc에 설치하셔서 사용하실 것을 권장드립니다. 무료로 사용 가능하고, 백엔드 개발자라면 충분히 애용 가능한 꿀같은 프로그램입니다. ^^ 설치하신 postman을 실행하셔서 postman 좌측 메뉴에 Collections에 새로운 컬렉션을 만들어 볼게요. name은 nodejs express 로컬 서버 통신으로 해볼게요. 그리고 request를 하나 만들건데, request name은 /public/checkConnectMysqlDB/select 라고 해볼게..

NodeJS 2023.01.03

nodejs express mysql db 연결하기

안녕하세요. 터미네입니다. 이번 포스팅은 nodejs express에 db를 연결하는 것에 대한 내용입니다. nodejs express 프로젝트 생성하는 방법은 아래 배너를 남겨드리니 해당 포스팅에 가서 프로젝트 생성을 하신 후 db 연결하는 것을 확인해주세요. nodejs express 프로젝트 생성 (feat.macos) 안녕하세요. 터미네입니다. 이번 포스팅에서는 nodejs express 프로젝트 생성해보겠습니다. IntelliJ를 사용해서 nodejs express 프로젝트를 실행해보겠습니다. 우선 nodejs는 다들 설치 하셨죠? nodejs 설치 danbam.asbai.xyz 제가 연결할 db는 mysql db이고 knex 라이브러리를 사용할 것입니다. mysql db가 pc에 설치되어있지 ..

NodeJS 2023.01.03

macos 마리아 db 설치하기

안녕하세요. 터미네입니다. 이번 포스팅은 Mac OS 전용으로 쓴 포스팅입니다. 윈도우에서의 마리아 db 설치방법은 별도로 포스팅하도록 하겠습니다. brew 설치가 되어있지 않으시면, 아래 포스팅을 참고해서 설치해주시면 됩니다. Homebrew 설치 (feat.macos) 안녕하세요. 단밤입니다. 이번 포스팅은 Homebrew 설치하는 방법을 알려드리겠습니다. 그 전에 Homebrew에 대해 간략하게 소개해드릴게요. Homebrew는 Apple(또는 Linux 시스템)에서 제공하지 않는 유용한 danbam.asbai.xyz maria db 설치 하시기 전에 brew로 설치했던 패키지들에 대해 검사합니다. $ brew docter 그러면 아래 이미지 처럼 실행을 합니다. 그리고 난 후, 아래 명령어를 실행..

macos Mysql 설치하기

안녕하세요. 터미네입니다. 이번 포스팅은 Mac OS 전용으로 쓴 포스팅입니다. 윈도우에서의 Mysql 설치방법은 별도로 포스팅 하고 안내해드리겠습니다. brew가 설치가 되어있지 않으시면, 아래 포스팅을 참고해서 설치해주시면 됩니다. Homebrew 설치 (feat.macos) 안녕하세요. 단밤입니다. 이번 포스팅은 Homebrew 설치하는 방법을 알려드리겠습니다. 그 전에 Homebrew에 대해 간략하게 소개해드릴게요. Homebrew는 Apple(또는 Linux 시스템)에서 제공하지 않는 유용한 danbam.asbai.xyz 0. Mysql 설치 시작 터미널을 실행하신 후에 아래 명령어들을 실행해주시면 됩니다. $ brew doctor "$"는 터미널에서 명령어를 실행했다라는 의미입니다. 아래 이미..

Homebrew 설치 (feat.macos)

안녕하세요. 터미네입니다. 이번 포스팅은 Homebrew 설치하는 방법을 알려드리겠습니다. 그 전에 Homebrew에 대해 간략하게 소개해드릴게요. Homebrew는 Apple(또는 Linux 시스템)에서 제공하지 않는 유용한 패키지 관리자를 설치합니다. 예를들어서 쉽게 설명드리자면, 윈도우에서 프로그래밍을 할 때 java 프로그램을 설치합니다. 보통 설치할때 java 버전을 확인한 후 exe 프로그램을 다운받아서 설치하시거나 바이너리 파일을 다운받으신 후, 시스템 path를 등록하셔서 java 프로그램을 사용합니다. 이러한 절차들을 cli로 간단하게 명령어를 넣으면 리눅스 디렉토리 중 /usr/local 위치로 심볼릭 링크를 연결합니다. 그러면 바로 해당 프로그램을 쓸 수 있어요. 참 편리한 기능이죠?..

정형데이터 마이닝

안녕하세요. 터미네입니다. 이번 포스팅에서는 정형데이터 마이닝에 대해 알아보겠습니다. 데이터 마이닝이란 대용량 데이터에서 의미있는 데이터 패턴을 파악하거나 예측을 위해 데이터를 자동으로 분석 후 의사결정에 활용하는방법입니다. 언뜻 보면 통계분석이랑 비슷해보이지만 데이터마이닝만의 특성에 대해 설명하겠습니다. 1. 가설이나 가정에 따른 분석이나 검증, 통계학 전문가가 사용하는 도구가 아닙니다. 2. 다양한 수리 알고리즘을 이용해 DB의 데이터로부터 의미있는 정보를 찾아내는 방법 통칭을 통칭합니다. 3. 분석 대상이나 활용목적, 표현 방법이 다릅니다. 4. 사용하는 분야 매우 다양합니다. 5. 분석대상의 복잡성이나 중요도가 높으면 풍부한 경험을 가진 전문가에게 의뢰할 필요합니다. 데이터 마이닝하는 방법을 다섯..

ITSM 개념과 단계별 업무 절차

안녕하세요. 터미네입니다. 이번 포스팅에서는 ITSM에 대해 소개하는 글이 되겠습니다. ITSM이란? IT Service Management의 약자입니다. IT기업들은 네이버나 카카오처럼 대중들에게 익숙하고 접근성이 좋은 서비스를 하지 않는이상 B2B관계에서 항상 을 이하의 계약관계를 가지고 있습니다. 계약은 크게 프로젝트성 계약과 유지보수성 계약이 있는데, ITSM은 유지보수성 계약에 해당한다고 볼 수 있겠습니다. 시스템을 구축하고 나면 구축사 혹은 타IT기업이 해당 시스템에 1년 계약으로 유지보수를 진행하게 됩니다. 고객사의 시스템을 유지보수해줄 때 ITSM이 가장 중요합니다. 유지보수는 통상적으로 시스템이 안정적으로 운영될 수 있게 용역을 제공하는 것입니다. ITSM은 안정적인 서비스를 제공할 때의..

docker volume 사용하기

안녕하세요. 터미네입니다. 이번 포스팅은 도커 볼륨 생성에 대한 설명입니다. 도커가 설치되지 않으셨거나, 도커 컨테이너가 구동 중이지 않으시면 제가 포스팅한 링크를 아래에 남겨드리오니 확인하셔서 도커 볼륨을 사용하기 전 세팅을 다 해주시기 바랍니다. 도커 설치하기 맥북 docker 설치 안녕하세요. 이번 포스팅에서는 docker를 설치하는 법에 대한 것을 이야기하려합니다. MacOS 기준으로 포스팅을 하지만 윈도우이신분들은 설치하는 방법이 다를 뿐 그 이후 사용법은 동일하니 아 danbam.asbai.xyz 도커 이미지 생성 및 컨테이너 생성 도커 이미지 및 컨테이너 생성 안녕하세요. 터미네입니다. docker 이미지 생성과 docker 컨테이너 생성에 대해 포스팅하겠습니다. 이전 포스팅에서 도커 튜토리..

Docker 2022.12.02

도커 이미지 및 컨테이너 생성

안녕하세요. 터미네입니다. docker 이미지 생성과 docker 컨테이너 생성에 대해 포스팅하겠습니다. 이전 포스팅에서 도커 튜토리얼 실습을 진행했습니다. 요약하면 아래와 같습니다. 1. Clone : 해당 디렉토리에서 깃에 있는 소스를 다운받기 2. Build : 깃에서 다운받은 소스를 통째로 이미지를 생성 3. Run : 도커 이미지 생성 후, 만들었던 이미지로 도커 구동 ( 도커 컨테이너 실행) 위 과정이 생소하시거나, 궁금하시면 아래 배너를 남겨드리겠습니다. 한 번 살펴보시면 충분히 이해가 되실거에요. 도커 튜토리얼 실습 안녕하세요. 이번 포스팅에서는 도커 설치 후, 튜토리얼 실습을 진행해보겠습니다. 도커를 설치 후에 처음 실행하면 아래 그림과 같이 나올거에요. 따라하는 것은 어렵지 않습니다. ..

Docker 2022.12.02

도커 튜토리얼 실습

안녕하세요. 이번 포스팅에서는 도커 설치 후, 튜토리얼 실습을 진행해보겠습니다. 도커를 설치 후에 처음 실행하면 아래 그림과 같이 나올거에요. 따라하는 것은 어렵지 않습니다. 아래 그림에서 1번인 네모난 부분을 클릭해보세요. 그럼 2번 과 같이 명령어가 실행됩니다. 실행이 완료되면 "Next Step" 버튼을 눌러주세요. Git에서 소스를 로컬에 가져온 후, build를 진행합니다. build를 진행해서 도커 이미지를 생성하는 것이죠. 명령어를 실행하면 아래 그림과 같이 우측에 실행문이 실행되는 것을 확인할 수 있습니다. Build 진행이 모두 완료되면 "Next Step" 버튼을 눌러주세요. 도커 이미지를 생성하였으니 실행해서 컨테이너를 생성해봐야죠. 아래그림에서 ">>"를 누르시면 우측 하단에 명령어..

Docker 2022.12.01

맥북 docker 설치

안녕하세요. 이번 포스팅에서는 docker를 설치하는 법에 대한 것을 이야기하려합니다. MacOS 기준으로 포스팅을 하지만 윈도우이신분들은 설치하는 방법이 다를 뿐 그 이후 사용법은 동일하니 아래 링크로 설치를 진행해주세요. Home - Docker Learn how Atomist will help Docker meet the challenge of securing secure software supply chains for development teams. www.docker.com 위 링크로 가셔서 Download Docker Desktop을 진행해주세요. 도커사이트 접속시 기종이 무엇인지 알아서 체크해주기 때문에 그냥 버튼 누르셔도 되요. 참고화면은 아래와 같습니다. 다운로드 받으시면 Docker...

Docker 2022.12.01
728x90
반응형