전체 글101 [Nuxt3] 프로젝트 생성하여 시작하기 요즘 react를 주로 이용하다가 새롭게 vue를 시작했습니다. vue를 접하면서 느낀점은 심플하고 프레임워크와 비슷하다는 점입니다. 실제로도 react는 라이브러리에 vue는 프레임워크에 비교하여 이야기하는 사람들이 많은것 같습니다. 결과적으로는 저에게는 vue가 더 잘 맞는거 같습니다. react는 아무래도 라이브러리에 가깝다보니 개발하는 방법이 너무나도 자유로워 개발자의 스타일에 따라 구현방법에 차이가 크고, vue에서는 기본으로 제공하는 기능들을 react는 외부의 라이브러리에 의존하는 경우가 상대적으로 더 많다보니 프로젝트마다 스타일의 차이가 너무크고 내가 개발하는 방식이 좋은 방식일까? 라는 의구심이 자주 드는 반면 vue는 정해진 가이드대로 개발이 강제되는 경우가 많아 코드들이 서로 비슷하여.. 2022. 4. 30. [Redux] 1. 리덕스 세팅과 개념정리 Redux(리덕스) 란? 내용작성 제목 내용작성 제목 내용작성 제목 내용작성 제목 내용작성 2021. 7. 27. [SpringBoot] 스프링 패키지 이름 규칙(작명 방법) 스프링프로젝트를 생성하게되면 처음으로 패키지이름을 작성하게 됩니다. 처음 공부할때는 별 생각없이 짓고 넘어가곤 했었는데 스프링에 익숙해 질수록 패키지이름을 어떻게 정하는게 좋을지에 대하여 궁금증을 가지게 되었고, 나름대로 확인해보니 어느정도 정형화된 규칙이 있었습니다. 이 포스팅에서는 이러한 규칙에 대하여 확인해 보도록 하겠습니다. 패키지명이란 무엇을 의미할까? 패키지 이름은 어플리케이션을 구분하는 고유의 값 입니다. 따라서 다른 앱들과 구분되기 위해서는 유니크한(유일한) 값을 가져야 합니다. 만약 내가 사용하는 라이브러리의 패키지와 생성된 SPRING어플리케이션 패키지명이 동일하다면 충돌이 발생 할 것 입니다. 패키지명 작성 방법 그렇다면 패키지명은 어떤 방법으로 작성하면 될까요? 아래 예시를 통해서.. 2021. 2. 14. GPU 셋팅 # 기존에 설치된 CUDA 제거 sudo apt-get purge nvidia* && sudo apt-get autoremove && sudo apt-get autoclean && sudo rm -rf /usr/local/cuda* # REBOOT sudo reboot now # Add NVIDIA package repositories wget https://developer.download.nvidia.com/compute/cuda/repos/ubuntu1804/x86_64/cuda-repo-ubuntu1804_10.0.130-1_amd64.deb sudo dpkg -i cuda-repo-ubuntu1804_10.0.130-1_amd64.deb sudo apt-key adv --fetch-keys ht.. 2020. 9. 29. [Jenkins] 2. 젠킨스의 Job 알아보기 내용작성 제목 내용작성 제목 내용작성 제목 내용작성 제목 내용작성 제목 내용작성 2020. 7. 25. [Jenkins] 1. CICD를 위한 젠킨스 설치 최근 DevOps라는 개념이 유행하면서 자연스럽게 CICD에 대한 관심도가 높아진것 같습니다. 저 또한 최근 CICD환경 구축을 위한 프로젝트에 투입되어 직접 CICD환경을 구축하게 되었는데 이때 Jenkins라는 툴을 사용 해서 구축했습니다. 아무래도 아직까지는 많이 생소한 개념이다 보니 관련 자료가 부족하여 많은 고생을 했는데 Jenkins를 사용하는 다른 분들은 좀 더 편하게 구축하기를 바라는 마음에 이번 Jenkins포스팅을 시작하며 본 포스팅은 리눅스서버 기준으로 작성하나, 설치만 별도로 진행이 된다면 윈도우나 맥등의 다른 운영체제에서도 큰 무리없이 따라오실수 있으리라 생각합니다. Jenkins 다운로드 https://www.jenkins.io/download 우선 공식사이트에서 다운로드를 합니.. 2020. 7. 23. [IntelliJ] Spring Boot Jar파일 export(내보내기) 생성하기 스프링부트는 was서버가 내장되어 배포시에 별도의 서버(톰캣 등)없이 바로 운영이 가능합니다. (물론 별도의 외장 was서버를 사용하는 것도 가능합니다). 앞서 말한것 처럼 내장 와스를 사용하기 위해서는 스프링부트 프로잭트를 jar형태로 export해서 사용해야 하는데 intelliJ에서는 어떻게 jar파일을 생성하는지 알아보겠습니다. jar파일 export jar파일을 생성할 프로젝트를 실행하고 상단의 file메뉴에서 Project Structure메뉴를 선택합니다. 윈도우를 사용하는 분들도 동일하게 해주시면 됩니다. 상단의 이미지처럼 + 버튼을 누르고 메뉴를 선택합니다. 팝업창이 나오면 위와 동일하게 세팅을 하고 각자 자신이 만든 프로젝트 내의 mainclass를 설정하면 되는데, 스프링부트의 경우 .. 2020. 4. 25. [IntelliJ] Spring Boot 프로젝트 생성하기 최근 이클립스에서 IntelliJ로 개발도구를 변경할려고 마음을 먹었습니다. 아무래도 처음 사용하는 툴이다보니 기본적인 사용법부터 다시 공부해야 했고 개발의 시작인 프로잭트 생성부터 확인해 봤습니다. 인텔리제이는 무료버전인 커뮤니티버전과 유료버전인 얼티미트 버전이 있는데 이 포스팅에서는 얼티미트 버전을 사용하며 커뮤니티 버전에는 없는 기능이 사용되니 참고 바랍니다. Spring Boot 프로젝트 생성 Create New Project를 선택합니다. Next 버튼을 눌러줍니다. Article에 프로젝트 이름을 넣고 Next버튼을 눌러줍니다. 여기서 저는 Type을 Gradle로 했는데 그래들이 익숙하지 않으신 분들은 Maven으로 하시는 것을 권장드립니다. (기타 다른 값들은 기본값으로 진행해도 상관 없습.. 2020. 4. 12. [Linux] 관리자(admim)권한 변경명령어 sudo, sudo su 리눅스를 사용하다보면 관리자 권한으로만 실행이 가능한 경우가 있습니다. 이 때 관리자 권한으로 변경을 하는 명령어를 사용하는데 sudo 해야하는데 제목 내용작성 제목 내용작성 제목 내용작성 제목 내용작성 제목 내용작성 2020. 3. 26. [SpringBoot] 1. web project 만들기 최근에 SpringBoot에 대하여 공부하기 시작했고 한번쯤 정리가 필요하다고 생각해서 부트에 관련된 포스팅을 작성하려고 한다. 이전에 작성했던 포스팅과는 다르게 시리즈형태로 진행되는 포스팅으로 작성할 예정이라 스프링부트에 대하여 차근차근 알아보고자 하는 사람이라면 순서대로 포스팅을 따라가는 것을 추천하며 첫 포스팅은 프로젝트 생성을 주제로 이야기 할려고 한다. 프로젝트 생성 새로운 프로잭트를 생성한다. 프로젝트의 종류는 Spring Starter Project이다. Next버튼을 누른다. 나는 Gradle프로젝트로 했는데 Maven이 익숙한 사용자라면 메이븐으로 선택하고 진행하면 된다. 여기서는 필요한 라이브러리를 추가할 수 있다. 나중에 추가해도 되니 너무 심각하게 고민할 필요는 없다. Finish버.. 2020. 3. 20. [Javascript] 화면, 현재위치, HTML요소(태그) 좌표구하기 자바스크립트를 사용하다 보면 좌표값이 필요한 경우가 있는데, 일반적으로 화면의 좌표값을 주로 사용하지만 간혹 html 태그별 좌표가 필요한 경우도 있고, 같은 화면의 좌표라 하더라도 절대값에 의한 좌표가 필요한 경우도 있을 것이고 반대로 상대적인 좌표가 필요한 경우도 있을 수가 있다. 물론 절대값, 상대값에 대한 구분은 html 태그들의 좌표를 구할때도 필요한건 당연하다. 그래서 오늘은 JavaScript를 이용하여 웹페이지 상의 좌표구하는 방법에 대하여 포스팅하고자 한다. 현재 브라우저에서 얼마나 스크롤해서 이동했는지 확인방법 var winX = window.pageXOffset; var winY = window.pageYOffset; 순수 자바스크립트로 작성했기 때문에 제이쿼리와 같은 별도의 라이브러.. 2020. 3. 1. [CSS] input [type=text] 기본입력 한글로 세팅하기 웹페이지의 완성도를 위해서 input type text부분에 커서를 위치하고 키보드로 정보를 입력했을 때 기본적으로 한글이 입력되도록 해달라는 요청을 받았다. 결과를 먼저 이야기 하자면 여기저기서 많이 찾아본 결과 익스플로러에서는 css를 통해서 간단히 수정이 가능했지만 크롬에서의 방법은 없는 것을 잠정 결론을 내렸다 -_-;; 따라서 이 포스팅을 보는 사람들은 익스플로러라도 해당기능을 적용하고 싶다면 아래의 코드를 사용하면 되며 크롬에도 적용되는 방법을 찾고 싶다면 나를 믿고 포기하거나 다른곳에서 좀 더 정보를 찾아보길 바란다(혹시라도 방법을 찾으면 댓글로 남겨주었으면 좋겠다...) CSS코드 수정 input[type=text]{ -webkit-ime-mode:active; -moz-ime-mode:a.. 2020. 2. 9. 이전 1 2 3 4 ··· 9 다음
