본문 바로가기
반응형

전체 글1073

Vue.js 에서의 Axios 이전 포스팅에서 vue 에 대해서 다룬적이 있다. 자세한 사항은 아래 참고 포스팅을 확인바란다. Vue에서 권고하는 HTTP 통신 라이브러리는 액시오스(Axios)이다다. Promise 기반의 HTTP 통신 라이브러리이며 상대적으로 다른 HTTP 통신 라이브러리들에 비해 문서화가 잘되어 있고 API가 다양한게 특징이자 장점이다. 설치는 간단하게 npm을 사용하여 가능하고 npm에 대해서는 아래 참고 포스팅을 참고하도록 하자. npm install axios 라이브러리를 설치하고 나면 axios라는 변수에 접근할 수 있게 되고 axios 변수를 이용하여 아래와 같이 HTTP GET 요청을 날리는 코드를 작성한다. html 부분 axios js 부분 new Vue({ el: '#app', methods: {.. 2023. 1. 26.
overflow 란? overflow의 사전적 의미는 넘쳐 흐르다. 범람하다 등의 뜻을 가지고 있다. 100미리 컵 안에 150미리의 물을 넣으면 50미리가 흘러 넘치게 된다. 프로그래밍언어에서 위 글을 다시 읽으면 100Byte 메모리 안에 150Byte를 넣으려고 하면 overflow가 된다. 한공간의 영역을 침범하여 다른 공간에 까지 영향을 미치게 된다. 자료형에서 integer의 값이 대략 21억까지 허용가능하도록 지정해놨었는데 이를 어기게 된다면 허용공간을 침범하여 에러가 발생한다. 프로그래밍 포럼 사이트로 유명한 사이트도 있는데 바로 스택오버플로우 라는 사이트 이다. https://stackoverflow.com/ Stack Overflow - Where Developers Learn, Share, & Build .. 2023. 1. 25.
Tymeleaf 란? '템플릿 엔진'의 일종. html 태그에 속성을 추가해 페이지에 동적으로 값을 추가하거나 처리할 수 있다. 템플릿 엔진이란? 지정된 템플릿 양식과 데이터가 합쳐져 html 문서를 출력하는 소프트웨어. 크게 서버 템플릿 엔진과 클라이언트 템플릿 엔진으로 나뉘는데, 타임리프는 전자에 해당하니 이에 대해서만 간단히 설명하겠다. 서버에서 DB 또는 API 등을 통해 가져온 데이터를 미리 정의된 템플릿에 넣어 html을 그려내 클라이언트에 전달해준다. 즉, html 코드에서 고정적으로 사용되는 부분은 템플릿으로 만들어두고 동적으로 생성되는 부분만 템플릿 특정 장소에 끼워넣는 방식으로 동작할 수 있게 해준다. 템플릿 엔진의 장점 코드 양 ↓ 재사용성 ↑ 유지보수에 용이 여러 서버 템플릿 엔진의 특징 JSP: 스프링.. 2023. 1. 24.
[JASYPT] 프로퍼티 암호화 프로그래밍 개발을 할때엔 다양한 방법의 암호화가 있는데 오늘 다뤄볼 주제는 Java라이브러리인 Jasypt 이다. 발음이 정말 애매하긴한데 나는 자시프트라고 읽곤한다. 공식 홈페이지에 JASYPT 에 대한 설명은 아래와 같다. Jasypt is a java library which allows the developer to add basic encryption capabilities to his/her projects with minimum effort, and without the need of having deep knowledge on how cryptography works. http://www.jasypt.org/ Jasypt: Java simplified encryption - Jasypt: .. 2023. 1. 23.
AnyEdit - 이클립스 플러그인 이클립스 내에서 마켓플레이스를 사용하거나 수동 설치를 통하여 AnyEdit을 설치할수 있다. 이 플러그인은 무엇이냐. 카멜케이스나 대소문자로 메서드명, 변수명을 바꿀수 있는 라이브러리 같은것이다. To Lower Case : Ctrl+Alt+L To Upper Case : Ctrl+Alt+U Camel 변환 Case : Ctrl+Alt+K 이렇게 사용하면 자동으로 변환이되는 편리한 툴이다. 자세한 카멜케이스에 대해서는 아래 참고 포스팅을 확인하면 된다. 참고 포스팅 https://thenicesj.tistory.com/270 변수명 표기법 다양한 프로그래밍 언어들이 존재하지만 그들의 공통점들 중 하나는 변수를 사용한다는 것이다. 그럼 여기서 변수를 어떻게 표기하느냐. 이것도 중요한 문제이다. 물론 어떻게.. 2023. 1. 22.
플러터 결과 미리보기(flutter_preview) 안드로이드 스튜디오를 사용하면서 플러터를 개발하던 중에 안드로이드 개발은 안드로이드 스튜디오에서 자동으로 xml을 읽어서 화면 preview를 보여주는데 flutter 를 찾아보니 아래와 같은 라이브러리가 존재하였다. https://pub.dev/packages/device_preview device_preview | Flutter Package Approximate how your Flutter app looks and performs on another device. pub.dev 설치에 대해서는 아직 안해봤는데 dependency 추가하고 pub get 하면 되지 않을까 라는 생각이다. 추후에 설치해보고 문제가 되거나 체크해야하는 사항이 있다면 추가할 예정이다. 2023. 1. 21.
자바에서 상수 자바에서의 상수란 변수의 반댓말로 변하지 않고 고정된 값을 담는 변수를 의미한다. 변하지 않는 값을 사용하고 싶을 때 사용한다. 프로젝트를 진행 시 프로그램에서 변하지 않고 고정된 값인 경우 상수를 선언하여 사용준다. final 자바에서 상수를 선언할 때는 final을 사용하여 선언한다. final은 해당 오브젝트를 단 한 번만 할당할 수 있음을 의미하며 보통 상수를 선언할 때 static final을 사용하여 상수를 선언하게 된다. final만 사용하면 변하지 않는 변수 상수를 의미하는데 static를 사용하는 이유는 아래와 같다. static 말 그대로 "정적" 이라는 의미를 가지고 있다. static 멤버들은 클래스에 고정된 멤버이고 그래서 클래스 로더가 클래스를 로딩하면 메모리에 할당시키게 된다... 2023. 1. 20.
도커라이징 이란? 이전 포스팅에서 도커에 대해 다룬적도 있고, 도커 사용에 대해서도 다뤘고, 도커 관리를 위한 쿠버네티스에 대해서도 다룬적이 있다. 자세한 내용은 아래 참고 포스팅을 참고 바란다. 이번 포스팅에서는 도커라이징이라는 단어에 대해서 알아보려고 한다. 결론만 말하면 간단하다. 아래 포스팅을 한번씩 읽고 실습을 해보는것 자체가 도커라이징이라고 한다. 말그대로 도커를 띄우는 일련의 작업을 의미하는것으로 생성, 배포, 유지 등을 하는 작업을 의미한다. 도커라이징(Dockerizing)은 Docker 컨테이너를 사용하여 응용프로그램(application)을 패킹(packing), 배포(deploying), 실행(running) 하는 전 과정을 말한다. https://thenicesj.tistory.com/88 Dock.. 2023. 1. 19.
nvm이란? nvm은 Node Version Manager 좀더 부가 설명을 하자면 여러 노드 버전을 사용할때 유용하다. 파이선이나 사용에 따라 가상환경을 사용해본 사람이라면 좀더 이해하기 편할것이다. 그리고 매번 node에서 패키지를 받기 위해서는 npm명령어를 사용하거나 수동으로 받고 필요에 따라 upgrade를 해줘야한다. 이 부분을 좀더 편하게 관리를 할수가 있다. 물론 node js 버전간 전환도 가능하지만 가끔 오래된 버전이 설치되어 불편함을 겪는일은 없앨수 있다. 설치법은 curl을 이용하거나 wget을 이용해서 파일을 받아오면 된다. 명령어는 다음과 같다. # curl을 이용할 경우 curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.34.0/i.. 2023. 1. 18.
반응형

티스토리툴바