[ 공지 ] 프로그레시브 웹 앱의 전반적인 내용에 대해 더 자세하게 배울 수 있는 도서가 출간되었습니다! 현재 블로그에 업로드된 PWA 강좌보다 더 다양하고 자세한 내용으로 구성되어있으며, 하나의 SNS 웹 앱을 개발해나가는 방식으로 실습을 진행합니다. (도서 소개 및 실습 미리보기) https://geundung.dev/106 [PWA] SNS 앱 예제로 배우는 프로그레시브 웹 앱 출간! 안녕하세요~!! 이번에 프로그레시브 웹 앱(PWA)을 주제로 한 "SNS 앱 예제로 배우는 프로그레시브 웹 앱" 을 출간하게 되어 간략히 소개하려고 합니다! 🎉 본 블로그에도 프로그레시브 웹 앱에 대� geundung.dev SNS 앱 예제로 배우는 프로그레시브 웹 앱 (구매 링크 / 2020.07.31 출간) [YE..
전체 글
새로운 것을 좋아하는 프론트엔드 개발자 ✨[ comcigan-parser ] @@ Node.js 전용! @@ 안녕하세요 얼마 전에 Node.js용 컴시간 학교 시간표 파싱 모듈을 개발했습니다. [Github]https://github.com/leegeunhyeok/comcigan-parser [NPM]https://www.npmjs.com/package/comcigan-parser Node.js 웹 서버, 챗봇 API 서버 등 컴시간에 등록된 학교의 시간표 가 필요하시면 위 라이브러리를 설치하여 사용하시면 됩니다. 데이터는 파싱하여 JSON형태로 변환할 수 있는 형식으로 제공됩니다. 라이브러리 설치 방법 Node.js + NPM이 설치되어있어야 합니다.(기본적으로 Node.js 설치 시 NPM은 기본으로 같이 설치 됨) NPM에 업로드해두었으므..
안녕하세요 이번 포스팅에서는 ES6 (ECMAScript 2015)에 추가된 심볼(Symbol) 자료형에 대해 간단히 알아보도록 하겠습니다. 심볼은 자바스크립트의 원시(Primitive)타입으로 새롭게 추가되었습니다. 원시타입은 객체도 아니고 메서드도 아닌 타입을 의미합니다. 기존에는 string, number, boolean, null, undefined가 있었지만 여기에 오늘 알아볼 symbol 타입이 추가되었습니다. 심볼 생성 방법은 심볼 Wrapper 함수를 호출하면 됩니다. const sym = Symbol() 심볼을 생성할 때 구분하기 위한 데이터를 추가하여 생성할 수도 있습니다. Symbol(value) 심볼타입은 신기하게도 같은 value를 인자로 주고 생성하더라도 값은 같지 않습니다. S..
안녕하세요 이번 포스팅에서는 신들의 고향에 있는 첫 번째 관문을 클리어하는 영상을 올려보도록 하겠습니다.아직 업데이트된지 2틀밖에 안지나서 충분한 정보도 찾기 힘들고 스토리도 잘 모르겠습니다. 주인공이 신들을 상대로 전투를 하는 내용인것같은데그냥 보스레이드인것같네요 나중에 확실하게 알게되면 내용 추가하도록 하겠습니다. (1) (2)마지막에 실수를 많이해서 다시 찍을까 하다가 귀찮아질생각에 그냥 막 했습니다 (3)기술을 알려준 대못사부와 싸웁니다. 주인공은 왜 스승님과 싸울까요 DLC가 나왔다는 소식을 듣고 오랜만에 다시 즐기는중인데 역시 재미있습니다다음 포스팅에서는 두 번째 문 클리어 영상을 올려보도록 하겠습니다. 감사합니다
안녕하세요 이틀 전 새 DLC인 GOD MASTER가 업데이트 되었습니다. 원래는 God & Glory 라는 이름으로 출시할 예정이었으나 다른 문제로 인해 이름이 변경되었습니다. 유료 DLC여도 구매할 의향은 충분히 있음에도 불구하고 Team Cherry에서는 자꾸 DLC를 무료로 추가해주네요.. 먼저 이번 DLC를 시작하는 방법에 대해 알려드리고 시작하겠습니다! 지난 DLC였던 그림 극단과 비슷하게 특정 위치를 찾아서 DLC를 시작하실 수 있습니다. 위치는 왕도의 수로로 이동하시고아래 지도위치쪽으로 이동해주세요 막상 가보시면 아무것도 안보이는데요왼쪽 상단 벽을 부숴주시면 새로운 길이 열립니다. 지도에 보이는것처럼 길을 잘 뚫고 가시면 새로운 쓰레기장이라는 영역을 찾으실 수 있습니다. 쓰레기장에 가면 위..
안녕하세요 이번 포스팅에서는 톰캣을 이클립스와 연동하는 방법에 대해 알아보도록 하겠습니다. 진행하기전에 먼저 톰캣과 이클립스가 설치되어있어야겠죠? [톰캣설치]http://codevkr.tistory.com/78 [이클립스 설치]http://codevkr.tistory.com/2 이클립스를 실행시키고 상단 메뉴의 File - Other을 선택합니다. 선택하셨다면 아래와 같은 창이 하나 뜹니다. 항목이 많은데 Server를 검색하거나 직접 찾아서 선택해줍니다. 서버를 선택하셨으면 서버 종류를 또 지정해야하는데 tomcat을 검색하여컴퓨터에 설치된 톰캣버전을 선택해주세요. 저는 톰캣 9.0 버전을 설치했기 때문에 9.0으로 선택했습니다. 아래 빨간 네모 부분은 서버가 외부에 있을 경우 호스트를 변경해주셔야합니..
안녕하세요 이번 포스팅에서는 톰캣서버의 포트를 변경하는 방법에 대해 소개할까합니다.기본적으로 톰캣의 포트는 8080인데 다른 포트를 사용하고싶으시면 설정파일에서 변경이 가능합니다. 포트를 변경하려면 톰캣이 설치되어있는 경로로 이동합니다. 톰캣 디렉토리 안에 있는 conf 폴더로 들어가주세요 conf 폴더 안에 server.xml 파일이 있습니다. 메모장이나 기타 텍스트 에디터로 열어주세요! Connector 부분을 찾아주세요 Connector의 속성으로 port="8080" 이 기본값으로 지정되어있습니다.이 부분의 포트번호를 원하는 포트로 변경해주신 후 저장해주세요 저는 8000 포트로 변경했습니다 (post="8000") 저장하신 후 톰캣을 실행시켜봅시다. bin/startup.bat 로그를 확인해보시..
안녕하세요 이번 포스팅에서는 아파치 톰캣 설치방법에 대해 작성하도록 하겠습니다. 먼저 톰캣을 설치하기 전에, JDK가 설치되어있어야합니다.아직 JDK가 설치되어있지 않으시다면 아래 링크에서 확인하실 수 있습니다. [JDK 설치 및 설정하기]http://codevkr.tistory.com/2 톰캣 설치를 위해 아래 링크로 접속합니다. https://tomcat.apache.org/ 홈페이지에 접속해보면 좌측 메뉴에 다운로드 항목이 있습니다.설치하실 톰캣 버전을 선택해주세요. 저는 최신버전인 9.0 을 선택하여 설치하도록 하겠습니다. 버전을 선택하셨다면 아래쪽에 Core: 부분이 있습니다. 컴퓨터 환경에 맞는 버전을 선택해서 다운로드받아주세요 저는 윈도우 64비트 환경이기 때문에 64-bit Windows ..
안녕하세요 이번 포스팅에서는 카카오톡 유저로부터 받은 메시지를 Dialogflow에 전달해주고응답받을 수 있도록 연동하는 작업을 진행하도록 하겠습니다. 먼저 기존의 코드를 조금 수정 및 추가해줍니다. 이전 포스팅의 코드와 비교해보고 빨간 네모 부분을 수정해주세요 서버 코드를 저장하고 재시작한후 카카오톡에서 확인해보면 버튼이 2개로 변경되어있고 버튼을 누르면 메시지가 응답됩니다. 하지만 아직 Dialogflow와 연동하지 않았습니다. 마지막으로 일반 메시지는 Dialogflow에서 처리하도록 연동하는 코드를 추가해보도록 하겠습니다. 코드를 작성하기 전에 다이얼로그 플로우의 프로젝트 옵션에서 프로젝트 ID를 미리 복사해둡니다. 빨간 네모 부분을 복사해두세요!! 그리고 js 파일을 하나 더 생성해줍니다. 저는..
안녕하세요 이번 시간에는 본격적으로 개발한 Dialogflow 챗봇을 카카오톡 플러스친구와 연동하여실제 서비스를 진행하기 위한 과정을 진행하도록 하겠습니다! 분량이 있어서 카카오톡 연동 부분은 총 2 포스트로 진행할 예정입니다. 먼저 다이얼로그플로우 프로젝트의 설정으로 진입해서 정보를 하나 확인해봅시다. API 버전이 V2인지 확인해주세요! 만약에 V1이라면 V2로 변경해주세요. 기존에는 기본값이 V1이였으나 최근부터 V2가 기본 API 버전으로 선택됩니다. 이전의 V1보다 연동하는 방법이 조금 까다로워지고 보안적인 측면에서도 강화되었는데 크게 어렵지 않습니다. V2 버전인것을 확인했으면 아래 링크로 접속해줍니다 [ 구글 클라우드 플랫폼 ] https://console.cloud.google.com/pr..