당신의 꿈을 응원 합니다.

centOS에 Node.js 설치하기
Node.js는 JavaScript 런타임 환경으로, 서버 사이드 애플리케이션 개발을 위해 널리 사용되고 있는 강력한 도구입니다. 이 글에서는 CentOS에 Node.js를 설치하는 간단하고 효과적인 방법에 대해 소개하겠습니다.

1. 패키지 관리자 업데이트
먼저, 시스템의 패키지 관리자를 최신 상태로 업데이트합니다.

sudo yum update

2. Node.js 및 npm 설치
다음으로, Node.js와 npm을 설치합니다. CentOS에서는 yum 패키지 관리자를 사용하여 쉽게 설치할 수 있습니다.

sudo yum install nodejs 

sudo yum install npm

3. 설치 확인
설치가 완료되었는지 확인하기 위해 다음 명령어를 사용합니다.

node -v 


npm -v

버전 정보가 정상적으로 출력되면 Node.js와 npm이 성공적으로 설치된 것입니다.

4. 추가 설정 (옵션)
만약 원하는 경우, 추가적인 설정을 할 수 있습니다. 예를 들어, Node.js의 LTS(Long Term Support) 버전을 설치하려면 다음과 같이 명령어를 사용합니다.

sudo yum install -y gcc-c++ make 



curl -sL https://rpm.nodesource.com/setup_lts.x | sudo bash - sudo yum install nodejs

마무리
이제 CentOS 시스템에 Node.js가 정상적으로 설치되었습니다! Node.js는 강력한 기능과 확장성을 제공하여 서버 사이드 개발을 쉽고 효율적으로 진행할 수 있도록 도와줍니다. 추가적인 패키지 및 모듈을 설치하여 프로젝트를 시작해보세요.

이 글이 여러분의 CentOS에서 Node.js를 성공적으로 설치하는 데 도움이 되었기를 바랍니다. 문제가 발생하거나 추가 질문이 있다면 언제든지 댓글로 남겨주세요. 즐거운 코딩 되세요!

리눅스 공부하려면, 아래 3가지 작업으로 간단히 환경을 구축할 수 있습니다.

모두 무료로 사용가능하기 때문에 편리합니다.

1. 버츄어박스 다운로드

    https://www.virtualbox.org/

2. Centos7 ( 각자 원하는 거) 다운로드

https://www.centos.org/download/

3. Putty 다운로드 (리눅스 서버에 원격 접속하기 위한 터미털)

https://www.putty.org/

4. 버츄어박스 > 새로만들기

* 이름 , 설치폴더, 다운로드 받은 ISO 파일 셋팅

5. 설정 > 저장소 > 디스크아이콘클릭 > 설치할  ISO 선택 > 저장 후 시작

6. Install CentOS 7 으로 설치

* 네크워크 & 호스트 이름 > 켬

* 호스트이름 원하는 것으로 설정

* 루트암호와, 사용자를 설정합니다. 

  암호는 잘 기억해둡니다. 연습용이니 간단하게 설정하시죠.

설치가 완료되길 기다렸다가, 완료되면 재부팅 해줍니다.

푸티도 설치하고, 아래와 같이 접속을 해줍니다.

로그인은 root 또는 등록한 사용자 계정으로 해서 테스트합니다.

* VirtualBox에 직접 접속해서 하기도 하지만, 실제 사용환경과 유사하게 푸티로 접속해서 테스트 합니다. 

그럼 열공합시다.

이번에 프로젝트 진행하면서, 내용을 정리해봅니다.

필요한 작업은 크게 3가지 입니다.

1. 톰캣 원하는 폴더에 복사하기

2. 톰캣 서비스에 등록하기

3. 인바운드 규칙 추가

위 3가지 작업 중, 이번에 알아볼 작업은 2번 톰캣 서비스에 등록하기 입니다.

톰캣 경로가 다음과 같다고 했을때, startup.bat 을 실행시켜서, 톰캣을 띄울 수 있습니다.

tomcat-8.5\apache-tomcat-8.5.61\bin\startup.bat

이렇게 진행했을 경우, 커맨드 창을 닫으면 톰캣도 중지되는 단점이 있습니다.

그래서! 톰캣을 윈도우에 서비스로 등록을 해서 진행하려고 합니다!

서비스로 등록전에, 다들 아시는 내용이겠지만 톰캣을 포트가 현재 사용중이 아닌지 체크하셔야 합니다.

커맨드 창을 띄워서, 아래 명령어를 입력해서 사용중이 아닌지 확인합니다.

리스닝 중인 것만 보려면, 파이프 뒤 부분까지 입력합니다.

netstat -ano | find "LISTENING"

혹, 사용중이라면 톰캣의 포트를 변경해주어야 합니다.

tomcat-8.5\apache-tomcat-8.5.61\conf\server.xml

포트가 몇개 있어서, 다 바꾸어 줍니다.

모든 준비가 완료되었으면, 커맨드를 열고 \bin 경로로 이동하여 명령어를 실행해줍니다.

tomcat-8.5\apache-tomcat-8.5.61\bin

service.bat install my-tomcat8

* my-tomcat8 부분은 서비스 명이고, 임의로 입력하시면 됩니다.

작업관리자 > 서비스 > 해당서비스 더블클릭

해당서비스 우클릭 > 속성

시작유형을 자동으로 선택해주면, 윈도우 실행시 자동 실행된다.

만약 DB도 같은 서버에 있으면, DB가 우선 실행되고 톰캣이 실행될 수 있도록 자동(지연된 시작) 을 선택해준다.

시작유형 자동 > 시작 > 확인

톰캣 실행되는지 확인 해보면 끝납니다.

저는 테스트 후에, 서비스를 삭제하였습니다.

끝.

카카오맵/카카오맵API사용법/카카오맵 위치 표시/KAKAO MAP API/카카오맵API사용하기/카카오맵 주소 좌표/카카오맵 주소를 좌표로 변환

구글맵이나, 네이버지도를 사용한 경험은 있었는데, 이번에 로또관련 페이지를 만들면서 카카오맵을 처음 사용해 보았다. 구글 개발자 페이지 들어가보니 깔금하게 정리가 되어 있어서 사용에는 어려움이 없었다. 

우선 내가 할 작업은 아래와 같다.

1. 로또 당첨판매점 주소를 가져온다.

2. 주소를 좌표로 변환한다.

3. 좌표를 카카오맵에 원하는 모양으로 표시해준다.

카카오API를 사용하려면 앱키가 필요하기 때문에, 혹시 아직 발급전이면 아래 페이지에 들어가서 키를 받아와야 한다.

내 내플리케이션 > 앱설정 > 플랫폼 메뉴로 들어가서 자신이 사용할 플랫폼을 등록해 준다.

나는 Web페이지에서 사용할 것이기 때문에 일단, 내 페이지들을 등록해 두었다.

개발 환경까지 등록해줘야 편하다.

Javascript API는 아래 페이지에서 가이드를 참고하면 된다.

https://apis.map.kakao.com/web/guide/

기본 준비가 끝났으니, 이제 웹페이지 작업을 해보자.

우리가 사용할 API와 라이브러리는 아래와 같다.

<!--실제 지도를 그리는 javascript API를 불러오기-->
<script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=[앱키]&libraries=services"></script>

<!--주소-좌표 변환을 할수 있응 services 라이브러리 불러오기-->
<script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=[앱키]"></script>

사용중인 전체 소스코드다. <%=store_add%> 부분에 표시할 주소를 입력해주면 나머지는 카카오에서 알아서 해준다.

정말 편한 것 같다.

<script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=[나의 앱키]&libraries=services"></script>
    <script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=[나의 앱키]"></script>
    <script type="text/javascript">
        var container = document.getElementById('map'); //지도를 담을 영역의 DOM 레퍼런스
        var options = { //지도를 생성할 때 필요한 기본 옵션
            center: new kakao.maps.LatLng(33.450701, 126.570667), //지도의 중심좌표.
            level: 3 //지도의 레벨(확대, 축소 정도)
        };

        // 지도를 생성합니다
        var map = new kakao.maps.Map(container, options); //지도 생성 및 객체 리턴

        // 주소-좌표 변환 객체를 생성합니다
        var geocoder = new kakao.maps.services.Geocoder();

        // 주소로 좌표를 검색합니다
        geocoder.addressSearch('<%=store_add%>', function (result, status) {

            // 정상적으로 검색이 완료됐으면 
            if (status === kakao.maps.services.Status.OK) {

                var coords = new kakao.maps.LatLng(result[0].y, result[0].x);

                // 결과값으로 받은 위치를 마커로 표시합니다
                var marker = new kakao.maps.Marker({
                    map: map,
                    position: coords
                });

                // 인포윈도우로 장소에 대한 설명을 표시합니다
                var infowindow = new kakao.maps.InfoWindow({
                    content: '<div style="width:150px;text-align:center;padding:6px 0;"><div style="font-weight: bold;"><%=store_name%></div><div>1등당첨횟수 : <%=win_cnt%></div></div>'
                });
                infowindow.open(map, marker);

                // 지도의 중심을 결과값으로 받은 위치로 이동시킵니다
                map.setCenter(coords);
            }
        });    

    </script>

각자의 취향에 맞게 사용하면 되겠지만, 나는 팝업처럼 꾸며보았다.

그럼 다들 즐코딩하세요!

카카오맵 API를 활용해서 내가 만든 로또페이지! 

http://ddogram.ga/vue/index_v2.aspx

카카오맵/카카오맵API사용법/카카오맵 위치 표시/KAKAO MAP API/카카오맵API사용하기/카카오맵 주소 좌표/카카오맵 주소를 좌표로 변환