본문 바로가기
반응형

전체 글708

스텝5) vue.js 개념 정리 후 진행해보자~ 아직 머릿속에 vuejs의 개념이 잘 잡히지 않은것 같다. 그런 상태에서 nuxt3를 하자니 복잡하게만 느껴진다. 더욱이 naver map예제는 jquery를 사용하고 있다. 차라리 이게 더 친숙하군..ㅋㅋ 우선 여태 vuejs를 작성한 포스팅을 보자!! 문제를 파악해보고 조금 더 나아가보자구~:) 2018.09.10 - [Front/Vue.js] - Vue.js 맛보기 2019.05.31 - [Front/Vue.js] - [acet-#1] Vue.js 무작정 해보기(기본-Vue.js? 좋은거? 먹는거?) 2019.06.04 - [Front/Vue.js] - [acet-#2] Vue.js 무작정 해보기(용어 등 훝어보기!) 2019.06.12 - [Front/Vue.js] - const definitio.. 2023. 8. 17.
콜라츠 수열 - error: incompatible types: bad return type in lambda expression .mapToInt(i -> i) 코딩 테스트 난이도 (하)에서 콜라츠 수열이라는걸 알게 되었다. 세상에 이런일이! ㅋㅋ 반드시 x가 1이된다니.. 모든 자연수 x에 대해서 현재 값이 x이면 x가 짝수일 때는 2로 나누고, x가 홀수일 때는 3 * x + 1로 바꾸는 계산을 계속해서 반복하면 언젠가는 반드시 x가 1이 되는지 묻는 문제를 콜라츠 문제라고 부릅니다. 그리고 위 과정에서 거쳐간 모든 수를 기록한 수열을 콜라츠 수열이라고 부릅니다. error: incompatible types: bad return type in lambda expression .mapToInt(i -> i) answer = result.stream() .mapToInt(i -> i) .toArray(); 람다표현식 리스트 -> 배열로 변경하면서 나오는 타입문.. 2023. 8. 16.
스텝4) naver map api 학습 참고 : https://navermaps.github.io/maps.js.ncp/docs/tutorial-Map.html 지도생성 및 기본동작 Map객체 : 특정 DOM요서에 지도를 표현! var map = new naver.maps.Map('map', { mapTypeId: naver.maps.MapTypeId.HYBRID }); 지도 초기화 지도를 초기화하려면 지도가 표현 될 DOM 요소 또는 DOM요소의 id를 명시해야 함. var map = new naver.maps.Map('map', { 지도 유형 설정 Map 객체는 지도유형을 저장하고 있음. - MapOptions를 이용하거나 setMapTypeId메서드를 이용 해야 함. 지도 유형은 참고 : https://navermaps.github.i.. 2023. 8. 10.
스텝3) naver map api 호출 해보기! 안녕하세요~오늘은 드디어 naver maps를 붙여보는 날:) 뭔가 이쁘게 해보려고 https://headlessui.com/react/tabs 를 하다가 https://nuxt.com/docs/examples/routing/pages 를 참고해서 만들어보려고 합니다. 그리고 navermap api는 튜토리얼이 엄청 잘되어있네요! 굿~ 하나씩 따라서 학습하면 만들수 있을것 같아요 ㅎㅎ https://navermaps.github.io/maps.js.ncp/docs/tutorial-MapTypes.html HelloWorld는 아래처럼 바로 나옵니다. 그리고 typescript사용에서는 npm에서 이미 제공을 해주네요 npm i -D @types/navermaps 지도생성 및 기본동작 등을 학습하면 아래.. 2023. 8. 2.
스텝2) setup web application for naver maps web application은 여러가지가 있는데 현재 셀에서 최근에 작업했던 nuxt3으로 진행하려고 합니다. 참고 : https://nuxt.com/docs/getting-started/installation 1) 설치 npx nuxi@latest init cd jejuMap npm install npm run dev result) InteliJ를 사용한다면 아래와 같이 run 스크립트로 실행하게끔 해놓는다. nuxt 파일 중에 nuxt.config.ts 라는게 있는데 이 파일은 스크립트 추가, 모듈 등록 또는 렌더링 모드 변경등에 사용 됩니다. import없이 globally하고 사용할 수 있다! runtimeConfig export default defineNuxtConfig({ runtimeCon.. 2023. 8. 1.
스텝1) 네이버 지도 api를 사용해보자:) 안녕하세요 무더운 여름이네요.. 주말에 지도 api가 궁금해서 사용해보려고 합니다. 여러 지도 api가 있지만 "너로 정했다! 네이버!" 출처 : https://navermaps.github.io/maps.js.ncp/docs/tutorial-1-Getting-Client-ID.html 우선은 클라이언트 아이디를 발급! 회원가입을 해줍니다. 결제 수단을 등록 후 콘솔로 이동 합니다. AI,NAVER API를 클릭 후 Application을 등록해 줍니다. 등록하기 전 Service를 선택! Maps을 사용해야하니 Web에 띄워주고 geo관련된 친구들 2개 선택해 줍니다. 그리고 Web서비스 url을 설정해줍니다. 일단은 로컬호스트에서 동작해야하니 http://localhost를 입력해줍니다. 등록 후에 .. 2023. 7. 31.
제주에 살어리랏다 7월 중순, 엄청 더운 여름 갑작스런 전체 회의가 열렸다. 엄청나게 충격적인 사태가 벌어졌다. 그로부터 2주간 지난 지금 친했던 동료들의 퇴사소식이 들려온다. 판교에서도 제주도에서도 분노와 슬픔이 공존하는 가운데 매우 안일했던 내 모습을 알게되었다. 이력서라는것을 10년만에 업데이트 하려는데.. 마지막 회사라고 생각을 한 것인가? 제주도에 살고 싶은 마음 때문일까? 지금까지 업데이트 해오지 않았다. 제주도에 살고 싶다 이 생각하나로 연봉을 높이기 위해 이직 생각도 이력서를 업데이트 할 생각도 전혀 하지 않았다. 이러한 불안과 초조함 힘듬은 생각해보면 여러 회사를 다니면서 다양한 형태로 경험을 많이 했다. 어딜가나 힘들고 재미난 경험들이 있었고 쉼 없이 일하며 성장하려고 노력해왔다. 지금 역시 좀 더 나를.. 2023. 7. 27.
코딩 테스트 - 프래그래머스 코딩 테스트를 풀어보자:) https://programmers.co.kr/ 문자열 출력하기 난이도 0레벨 ㅋㅋ 아래처럼 소스를 짜고! 코드를 실행! 와우! 점수를 준다 ㅋㅋㅋ 굿~최대 점수가 3점인가?? 14점도 있었다..ㅎㅎ 다른 사람의 풀이도 볼수 가 있다! ㅋㅋ 역시 코딩에 정답이 없어! 여러가지 답이 나올수 있다! 대학교때 생각이 물씬 난다 ㅎㅎ 다른소스를 보니 a.length()가 중복이라 변수로 처리했다. 굿! 앞으로 종종 풀어보자:) 2023. 7. 18.
이미 올라가있는 pod unchanged일 때 이럴 경우는 재시작을 해줘야 합니다. kubectl rollout restart deployment [deployment_name] deployments를 구하려면 아래의 명령어를 통해 알아냅니다. kubectl get deployments 끝~:) 2023. 6. 25.
챗GPT Chat GPT가 너무 핫해서 알아보다가 좋은 영상을 보고 정리해보았습니다.1950년부터 지금까지 엄청난 노력들이 있었네요 ㅎㅎ인공지능은 이미 1950년도에 제안이 됐었던 분야접근방법은 기호 기반 인공지능, 규칙기반 인공지능연구하는 사람들이 기계에게 세상을 설명 해줌.고양이란 이런이런거다~ 문장이란 이렇게 만드는거다 등 규칙을 설명 해줌.언어의 경우 당시 촘스키 문법 등 규칙 기반의 언어학 이론들이 등장 → 문법적인 규칙을 다 입력30년동안 기계에게 설명을 해줬는데 다 실패 함..                1980년도 새로운 방법을 제안학습기반 인공지능(머신러닝)30년간 실패 → 기계에게 아무리 고양이를 설명해도 고양이와 강아지를 구별해내지 못함70년도 80년도 발달 심리학, 피아제나 또는 비고츠키의 .. 2023. 3. 23.
vue.js 실습) 프로젝트 생성 및 분석 주저리 앞서 지난 시간에 vue.js 많은 이론들에 대해서 살펴보다가 말았다ㅋㅋ 이제는 Back-End 개발자들을 위해 하나의 프로젝트를 생성해보면서 vuejs 아키텍처 가이드를 만들어보자! :) 바로 실습 들어가자! 위의 스크린캡쳐는 여러가지 정보를 담고 있다. 모르는 부분이 있다면 한번씩 검색해서 찾아보도록 하자. 1. npm node package manager의 약자로 node.js의 모듈 관리를 하기 위해 사용 - install : package를 설치할 때 사용 예) npm install 패키지명 package.json에 포함된 의존성 패키지들이 일괄적으로 설치 됩니다. - init : 프로젝트를 초기화 해주는 명령어로 package.json file을 만들어줍니다. npm init --hel.. 2022. 11. 16.
새로운 맥북에 ohmyzsh 등을 적용해보자~ 새로운 맥북을 받고 셋팅하는데 간만에 ohmyzsh을 셋팅! sh -c "$(curl -fsSL https://raw.github.com/ohmyzsh/ohmyzsh/master/tools/install.sh)" 1. 테마적용 ~/.zshrc에 ZSH_THEME="agnoster" 적용 source ~/.zshrc 2. 한글깨짐 현상 iterm에 폰트를 수정하면 현상 수정! 2021.05.17 - [OS/Linux&Unix] - D2Coding으로 폰트수정 마찬가지 방법으로 색도 변경 3. 내 마음대로 이모지와 계정명을 정해보자. 역시나 vi ~/.zshrc 맨 아랫줄에 아래의 내용을 삽입! prompt_context() { # Custom (Random emoji) emojis=("🏀" "🌴" "💋" .. 2022. 11. 15.
지식그래프(Knowledge Graph) 관련 정보 시맨틱 웹의 목표 웹에 있는 모든 자원에 대한 의미(meaning)를 기계가 읽고 처리하게 만드는 것. W3C 컨소시엄을 중심으로 RDF, OWL과 같은 웹 표준이 만들어지고 링크드 데이터 기술을 통해 시맨틱 데이터를 연계하는 시도가 활발하게 진행. 구글은 2010년 프리베이스(freebase)를 개발한 메타웹(metaweb)을 인수하며, 3년 후 자사의 검색방식을 문자열이 아닌 의미를 이해하는 방식(things, not strings)으로 전환해 지식그래프(Knowledge graph) 서비스를 시작 했습니다. 구글의 지식그래프는 검색 서비스뿐만 아니라 음성 비서를 포함한 자사의 지능형 서비스의 핵심 데이터로 자리매김하고 있습니다. 비슷한 시기에 구글, 마이크로소프트, 야후, 얀덱스는 웹 자원을 기술하.. 2022. 11. 2.
Vue.js : SyntaxError: Cannot use import statement outside a module 간만에 앞단을 해보는데 오류가 발생! 오류내용 /usr/local/bin/npm run serve > kong-ui@0.0.0 serve /Users/terrypark/Project/kong-ui > vite preview /Users/terrypark/Project/kong-ui/node_modules/vite/bin/vite.js:2 import { performance } from 'node:perf_hooks' ^^^^^^ SyntaxError: Cannot use import statement outside a module at Module._compile (internal/modules/cjs/loader.js:892:18) at Object.Module._extensions..js (inte.. 2022. 10. 18.
What is istio? Istio란? 플랫폼과 관계없는 오픈소스 서비스 매쉬로 마이크로서비스를 보호, 연결, 모니터링할 수 있습니다. Istio는 Kubernets, Nomad 및 Console에서 실행합니다. Service Mesh란? 간단히 말해 마이크로서비스의 네트워크 입니다. 예를 들어 서비스 A, 서비스 B간의 서로 통신하는 방법이자 각 서비스를 제어하는 지점 입니다. 또한 아래와 같이 각 서비스들이 직접 호출하는 것이 아닌 각 서비스마다 Proxy를 넣습니다.(Sidecar 구성 방식) 이렇게 하면 서비스로 들고나가는 트래픽을 네트워크 단에서 모두 통제가 가능하며, 트래픽에 대한 통제를 통해서 마이크로서비스의 여러가지 문제를 해결할 수 있습니다. ex) 써킷 브레이커(호출되는 서비스가 응답이 없을 경우 프록시단에서 .. 2022. 9. 1.
[k8s] error: the server doesn't have a resource type "node" 상황 kubernetes context를 연결 후 kubectl get pods 명령어 수행 시 error: the server doesn't have a resource type "pods"라는 오류 발생 원인 .kube/config 파일에 context와 user명을 임의로 변경해줬더니 발생.. cluster: acet-dev 를 acet-dev-context user: acet-dev-admin 를 teri.epi_acet-dev-context 명령어가 아닌 config 파일을 수동으로 변경을 하면서 뭔가 꼬인듯 하다.. 우선적으로 다시 원복(롤백)을 한 뒤에 다시 해보니 잘되었다. 결과 다시 kubectl get node를 하니 잘 됨.. 2022. 8. 29.
keycloak Springboot에 연동하기 2022.08.10 - [OpenSource/keycloak] - keycloak quick start keycloak quick start springsecurity진영에서 더이상 oauth2.0에 대한 지원을 중단하고 오픈소스를 통해 구현하라는 권고가 있었다. OKTA(유료)와 Keycloak(무료)중에 keycloak을 찍먹 해보려고 한다. https://www.keycloak.org/gettin.. acet.pe.kr springboot 연동은 gradle을 사용했다. build.gradle에 아래와 같이 디펜던시 설정을 넣어주면 된다. 주석 2개 되어있는 부분 참고! dependencies { implementation 'org.springframework.boot:spring-boot-star.. 2022. 8. 16.
keycloak quick start springsecurity진영에서 더이상 oauth2.0에 대한 지원을 중단하고 오픈소스를 통해 구현하라는 권고가 있었다. OKTA(유료)와 Keycloak(무료)중에 keycloak을 찍먹 해보려고 한다. https://www.keycloak.org/getting-started/getting-started-docker 우선 k8s베이스나 docker 베이스등 어떤 베이스로 셋팅을 할지 고를수 있다. 여기에서는 로컬에 docker가 셋팅 되어있으니 docker based로 해보겠다. docker run -p 8080:8080 -e KEYCLOAK_ADMIN=admin -e KEYCLOAK_ADMIN_PASSWORD=admin quay.io/keycloak/keycloak:19.0.1 start-dev 위.. 2022. 8. 10.
Spring Cloud Contract https://spring.io/projects/spring-cloud-contract Spring Cloud Contract is an umbrella project holding solutions that help users in successfully implementing the Consumer Driven Contracts approach 위의 내용은 spring.io에 spring cloud contract 설명을 한 내용인데 내용중에 Consumer Driven Contracts라는 내용이 나온다. 한글로 번역하면 "소비자 주도 계약" 이것은 무엇을 말하는걸까? 제공자(Producer) 가 소비자(Consumer)에 대한 연동을 확인하면서 모듈화된 시스템 구성 요소를 TEST하는데 사용되는 .. 2022. 8. 3.
타 회사 지식그래프에 대해 알아보자 https://www.stardog.com/ 어떤 데이터든 액세스가 가능 원격으로 데이터를 액세스 좋은 추론 엔진 보유 통찰력을 위한 데이터 통합 안정적으로 확장 가능(kubernetes와 호환 및 ACID를 준수) 당사의 온톨로지 기능은 검색, 패턴 인식 및 권장 사항에 대한 공통 분류 체계를 만드는 데 도움이 됩니다. Stardog은 SNOMED, ​​PubMed, NCIt 등을 지원합니다. Stardog은 많은 고객사를 현재 보유하고 있음 https://www.stardog.com/company/customers/ Designer 데이터 엔지니어와 분석가가 데이터를 연결, 매핑, 모델링 및 게시할 수 있는 코드 없는 시각적 환경을 제공 Explorer 코드나 쿼리 없이 데이터의 연결을 탐색할 수 있.. 2022. 8. 2.
@Scheduled @Scheduled 어노테이션은? 말그대로 스케쥴링 즉, 주기적인 작업이 있을 때 사용한다. 마치 리눅스의 crontab과 같다. 사용법 우선 사용하려고 하면 @EnableScheduling 선언이 필요하다. 그리고 수행할 메소드위에 선언하여 사용하면 된다. @Scheduled(initialDelayString = "6000", fixedDelayString = "6000") protected void scheduledReloadAllGraphs() { log.debug("reloadAllGraph"); reloadAllGraphsMono().subscribe(); } 속성 cron : cron 표현식을 지원한다. ex) @Scheduled(cron="* * * * * *") 초/분/시/일/달/주 201.. 2022. 7. 19.
반응형

티스토리툴바