티스토리

개발일지

검색하기

블로그 홈

개발일지

dev-growbook91.tistory.com/m

growbook91 님의 블로그입니다.

구독자: 1

방명록 방문하기

주요 글 목록

[SpringBoot] Maria DB 연결 Spring boot를 공부하면서 개인서버를 운영해보고 싶다는 생각이 들어서 데이터베이스 서버도 직접 linux에 깔아서 spring boot와 연결했다. Linux는 ubuntu 22.04.3 LTS 버전이다. Maria DB 설치 설치는 굉장히 간단하다. (root 권한에서 다음 명령어들을 실행하길 권장한다.) 아래 명령어를 입력하면 mariadb가 깔린다. apt -y install mariadb-server mariadb-client 그 후에 restart, enable, status 명령어를 통해서 mariadb 서비스를 재시작하고 부팅시 자동으로 시작되도록 enable도 한다. systemctl restart mariadb systemctl enable mariadb 다음 명령어를 입력해서 아.. 공감수 0 댓글수 0 2023. 11. 27.
[Spirng boot] 라즈베리파이에서 웹 어플리케이션 베포 개요 나는 springboot에서 개발을 하면서 서버를 구축해봐야 겠다는 생각을 했다. 근데 막상 정보를 찾아보려고 하니까 AWS에 배포하는 건 많은데 직접 서버를 구축하고 배포하는 것은 거의 못봐서 내가 겪은 시행착오들을 포함해서 글을 작성해본다. 난 일단 라즈베리파이에 ubuntu 22.04.3 LTS가 올려진 환경에서 web server 환경을 구축하고 spring boot에서 빌드한 웹 어플리케이션도 올릴려고 한다. Web server와 WAS Web에 대해서 공부를 하면서 WAS와 web server가 뭔지 헷갈릴 때가 많았다. 둘이 비슷하면서도 다른 개념이라서 헷갈릴 여지가 있는 것 같다. 일단 web server의 정의는 다음과 같다. 소프트웨어 : 정적 컨텐츠를 제공하는 서버 프로그램 하드.. 공감수 0 댓글수 0 2023. 10. 26.
[CSS] 중앙 정렬 HTML 삽입 미리보기할 수 없는 소스 HTML을 최근에 써보면서 느끼는 건데 정렬하는 게 참 어렵다. 특히 중앙정렬을 해야 할 일이 많았는데 그때마다 고생했다. 내가 알고 있는 방법은 다음과 같다. 1. center tag 사용 2. translate 사용 3. flex 4. margin auto 여기서 사실상 쓸 만한 것은 3번과 4번이다. 왜냐하면 center tag는 html 5부터는 제공되지 않는다고 한다. 그리고 translate의 경우에는 코드가 더럽고 animation을 적용하고 싶을 때에 translate가 animation과 중첩되어 적용되는 경우가 있어서 잘 안쓰게 되었다. Flex flex란 무엇인가? w3school에서는 이렇게 정의하고 있다. The flex property se.. 공감수 0 댓글수 0 2022. 11. 24.
[CSS] 자연스럽게 특정 위치로 scroll하기 처음에 web page를 공부하면서, 감탄했던 기능이 있었다. 그건 바로 화면을 보고 있다가 버튼을 누르면 자연스럽게 특정 위치로 이동하는 것이었다. 이렇게 페이지 내에 특정 위치로 한번에 이동하는 것은 a tag를 사용해서 쉽게 구현할 수 있다. 예를 들어, 맨위로 이동하게 하려면 top 이런 식으로 해두면 맨위로 가기는 하는데 너무 빠르게 간다. 그래서 위로 가는 것을 조금 느리게 하려고 하는데 구현 방법이 생각보다 쉬웠다. 난 자바스크립트를 사용해서 구현할 수 있을 줄 알았는데 그냥 css로도 할 수 있었다. html { scroll-behavior: smooth; } css에다가 이런 코드를 적어주면 자연스럽게 동작한다. 근데 주의해야 할 점은 자연스럽게 scroll이 되게하려면 root elem.. 공감수 0 댓글수 0 2022. 11. 4.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.