반응형 PROGRAM81 [Vue.js 시작하기] 3. Spring Boot 연계 기본 프로젝트 세팅 언어공부를 아무리 완벽하게 해도 실전에서 쓰는 것만큼의 빠른 체득이 없다. Vue.js를 이용해서 front-end를 구성하고 Back-end는 익숙한 Spring Framework를 이용해서 구성하는 형태의 프로젝트를 만들어보고자 한다. Spring Boot를 이용해서 빠르게 프로젝트 생성부터 진행해보자. start.spring.io/ 사이트에서 제공되는 형태와 동일하게 VS Code에서도 Spring initializr를 제공한다. Command Pallette (Ctrl + Shift + P) 에서 Spring 입력하면 Spring Initializr가 제공되는데 위 사이트와 동일한 형태인데 좀 더 간략화되어서 제공되는거다. 원하는 구성으로 만들면 되지만, 본인은 아래의 구성으로 만들었다. Proj.. 2021. 4. 13. [Vue.js 시작하기] 2. Vue.js 사용을 위한 기본 문법 1 Vue.js를 시작하기 위해 다양한 사이트를 서치해보니, 문법을 설명해주는 다양한 사이트가 있다. 물론 책을 사서 공부해도 좋겠지만, 가볍게 시작하는 마음으로 보기에 괜찮은 사이트들을 추천해주고 해당 사이트에서 제공하고 있는 기본 문법들에 대해 소개한다. ~ 출처 및 참고 사이트 ~ kr.vuejs.org/v2/guide/index.html www.vuemastery.com/courses/intro-to-vue-js/vue-instance Vue Instance 만들기 / 데이터 바인딩 (선언적 렌더링) 문법 공부를 위한 간단한 페이지 개발용이므로, script를 직접 추가하는 방식으로 시작하자. study.html 파일을 만들고, vue instance를 선언할 별도의 main.js 파일을 만들어서 i.. 2021. 3. 21. [Vue.js 시작하기] 1. 개발환경 세팅 개발자의 덕목은 끊임없는 공부와 영역 확장이라 (물론 나만의 생각이 아니라 전체적인 흐름이 그러하니 받아들여야지) 그 공부와 영역 확장이 나의 업무 안에서 그렇게 할 수 있다면 더 없이 좋은 직장이겠지만, 직장은 내 공부를 위한 곳은 아니고 내가 원하는 방향으로 확장되지 않을 수도 있으니 내가 배우고 싶고 시작하고 싶은건 이렇게 새로 시작해야 한다. 사실 React 배워보기 시리즈를 쓰면서 React로 만들어볼까 했는데, Vue.js로 눈을 돌려서 개발해보려고 한다. 물론 이거 하나 해두면 또 다른거 배우는건 금방이겠거니 하는 마음도 있고. 오늘의 목표는 Vue.js에 대해 알아보고, 이를 이용한 기본 개발환경을 세팅하고자 한다. Vue.js Javascript Framework 언어인 React, An.. 2021. 3. 21. [React 배워보기] 5. React의 State 개념 더 알아보기 / state의 특징과 활용 / stateful component와 stateless component 뒤늦은 React 배워보기 시리즈 옛날옛적에 배워놓고 필기는 잘하면서 복습을 2년 뒤에 하는 게으르면서도 부지런한 느낌의 블로그 포스팅 간단 예제 페이지를 만들고, Component에 데이터를 전달하는 props의 특징과 사용방법을 알아봤다면 이제 또 다른 데이터 형태인 state 개념을 더 자세히 알아보고 이를 이용한 추가 실습을 해보려고 한다. 이 개념을 제대로 알아두면 페이지의 데이터를 변경할 수 있으므로 데이터 통신이 가능한, 그러니까 우리가 원하는 웹사이트 구현에 좀 더 가까워질 수 있다. 이전 포스팅을 안보셨다면 짠 ojava.tistory.com/182 [React 배워보기] 4. React를 이용한 간단 예제 페이지 만들기 / Component에 값 전달하기 / props 특징 및 뒤늦은 .. 2021. 2. 16. [React 배워보기] 4. React를 이용한 간단 예제 페이지 만들기 / Component에 값 전달하기 / props 특징 및 사용방법 뒤늦은 React 배워보기 시리즈 사실은 내가 배워놓고 복습하는 블로그 포스팅 React 개발을 위한 기초적인 개념 작성 이후, 간단 예제 페이지 만드는 과정을 공개한다. 아주 대환장 파티이므로 의식의 흐름 잘 따라오시길 참고로 지난번에 올렸던 글 첨부 ojava.tistory.com/181 [React 배워보기] 3. React 개발을 위한 기초 개념 블로그에 정리하겠다고 시리즈로 호기롭게 시작했다가 끝 맺지도 못한 글이 많은데, 그 중 하나인 React 배워보기 시리즈에 대해서 마저 정리해보려고 한다. 2019년에 배운 걸 2021년에 쓰니 케케묵 ojava.tistory.com [React 배워보기] 4. React를 이용한 간단 예제 페이지 만들기 Component에 값 전달하기 / props 특.. 2021. 2. 15. [React 배워보기] 3. React 개발을 위한 기초 개념 블로그에 정리하겠다고 시리즈로 호기롭게 시작했다가 끝 맺지도 못한 글이 많은데, 그 중 하나인 React 배워보기 시리즈에 대해서 마저 정리해보려고 한다. 2019년에 배운 걸 2021년에 쓰니 케케묵어서 먼지 털다보면 볼 내용이 없을 수도 있다. 이미 정리된 글이 있어서 정제해서 옮겨 담기만 하면 되는데 안하고 있다가 지금 굳이 하는 이유는 (귀찮아서 안했겠지만) SPA Framework 관련해서 프로젝트를 하게 될 거 같은데, 그 전에 이전에 배워뒀던거 복습하는 차원에서 다시 보면 도움되지 않을까 싶어 정리한다. 지난 번에 React 관련 기본 설정과 빌드 환경까지 세팅했고, 이어서 react를 이용한 간단한 웹 페이지를 만드는 예시를 만들기 위한 기초적인 개념에 대해 먼저 작성하고 이어서 간단한 예.. 2021. 2. 14. 도로명주소 API 호출 시 connection timed out 원인 파악, IP 차단 여부 확인 세상을 이롭게 하는 API 개발자들 덕분에 잘 개발해둔 서비스를 콜 한 번으로 불러다가 쓸 수 있는 좋은 세상이다. 여기저기서 잘 쓰고 있을텐데 그렇게 여기저기 사용 중인 API가 제대로 호출되지 않는다고 생각해보자. API를 통한 결과값이 프로세스 구성에 필수적인 형태로 되어있다면? 그런 경우는 더욱 영향도가 커진다. 외부 API를 그대로 사용하면 개발자가 할 일이 크게 줄어드는 대신에 의존도가 높아진다. (아 물론 선택적으로 쓰는 경우는 별개로 생각할 수 있겠지만!) API 호출 속도가 느린 것이 곧 내가 관리하는 사이트의 응답속도가 느려지는 것이고, API 결과값 호출이 안되거나 실패하는 경우 서비스 이용도 불가해진다. 최근에 API 구성 시 고려해야 할 점에 대해서도 작성한 적이 있는데 API 파.. 2021. 2. 1. 도로명 주소 API 연동방식, 외부 API 연동 시 유의사항 처음에 도로명 주소 쓰라고 했을 때는 이걸 어떻게 쓰나 싶었다. 뭐든 간에 익숙한 것을 새로운 것으로 바꾸는 데는 큰 저항이 있는 법이다. 그게 오랜 시간 사용했을 수록 더더욱. 지번으로 구성되던 기존의 주소 체계를 도로명으로 변경할 때는 외우기도 힘들었고 찾아가기도 힘들다고 생각했는데, 글쓰면서 생각해보니 이제 내가 살고 있는 집 주소를 도로명 주소로만 알고 있어서 원래 지번이 뭔지를 모른다. 아, 길찾기의 경우는 할 말이 없는게 원래 길을 잘 못 찾는 관계로 예나 지금이나 못 찾는건 마찬가지다. 도로명 주소를 언제부터 썼나 싶어서 도로명주소법 시행령을 찾아보니, 시행일이 2017. 7. 26 이다. 생각보다 얼마 안됐는데 너무 익숙해진 도로명 주소. 오늘 이 글을 쓰게 된 이유는 이렇게 익숙해진 도로.. 2020. 12. 14. 암호 알고리즘과 키 생성 기준이 있을까? KISA 기준을 따라보자 보안이야 중요하지 않은 적이 없었지만, 날이 갈 수록 전산화와 비대면으로의 전환 속도가 무섭다. 또한 IoT 시대에 모든 것은 인터넷과 연결되고 통신하고 데이터로 저장되고 이용하게 되니 보안 측면에서는 어떤 데이터를 어떤 암호 알고리즘으로 암복호화 할 건지, 이 암호화 방식에는 키 생성할 때 어느 정도를 기준으로 해야 적당한지를 정해야 하는 고민이 있을 것이다. 암호화 방식을 정리하는 포스팅을 쓰면서 해당 내용에 대해서도 찾게되었는데 KISA에서 운영하는 암호 이용 활성화 사이트에서 안내서를 작성한 내용이 있어 가져와 봤다. 한국인터넷진흥원(KISA)에서는 SEED, HAS-160, KCDSA 등의 국산 암호 알고리즘을 포함해 보안강도에 따라 선택 가능한 암호 알고리즘의 종류와 키 길이, 유효기간에 대한.. 2020. 12. 13. [Python] 파이썬 표류기 2 : python 2, 3의 차이와 python 활용도 파이썬 언어를 공부하다보니 문법적인 내용은 크게 어려움이 없었다. 심지어 기대도 안했던 객체지향 개발도 가능했고 엄청난 패키지 제공으로 특별히 개발할 필요 없이 이미 제공되고 있는 기능들도 많아서 (잘 찾아서 사용한다면) 큰 어려움 없이 원하는 내용을 뽑아낼 수 있을 거 같다. 가끔 기존 java와의 차이가 있는 부분에서 헷갈리는 부분이 있긴 했지만 뭐 좋다. 오늘은 파이썬 언어를 공부하면서 현재 사용하고 있는 python3와 과거 python2의 차이를 알아보고, 현재 python을 통해 진행되는 데이터 분석 등의 활용도를 살펴보고자 한다. 1. python 2 vs python 3 일단 버전 업그레이드가 되면서 소수점 뒷 자리가 아닌 정수부가 바뀐다는 건 엄청난 변화가 있다는 걸 뜻한다. 2와 3의 .. 2020. 10. 21. 이전 1 2 3 4 5 ··· 9 다음 반응형
