yooputer's devlog

고정 헤더 영역

글 제목

메뉴 레이어

yooputer's devlog

메뉴 리스트

  • 홈
  • 분류 전체보기 (167)
    • Computer Science (10)
      • 알고리즘 (2)
      • 데이터베이스 (8)
    • Programming Language (3)
      • Java (1)
      • Python (1)
      • JavaScript (1)
    • Framework (9)
      • Spring | SpringBoot (6)
      • SwiftUI (0)
      • DBMS (2)
    • Project (37)
      • WithParents (18)
      • Meta ESG (7)
      • MugLog (1)
      • 영풍문고 리뉴얼 (3)
      • 정산타임 (1)
      • 포트폴리오(NextJS + Notion API) (6)
      • etc. (1)
    • Coding Test (43)
      • 개념 (0)
      • 문제풀이 (43)
    • 컴공 수업 (0)
      • 오픈소스 소프트웨어 (0)
      • 정보검색 (0)
      • 컴파일러 (0)
    • Development Study (57)
      • 개발 관련 도서 (7)
      • 이펙티브 자바 (15)
      • SQLP (2)
      • 잡기술 (14)
      • 도커 (4)
      • 대용량 트래픽 처리 (6)
      • AI 개발 활용기 (4)
      • HTML&CSS (2)
      • 프론트엔드 (2)
    • 취업준비 (1)
      • 면접후기 (0)
      • 면접준비 (0)
    • 주절주절 (4)

검색 레이어

yooputer's devlog

검색 영역

컨텐츠 검색

분류 전체보기

  • [먹로그] 스프링부트+리액트 프로젝트 생성

    2024.03.03 by yooputer

  • [필독! 개발자 온보딩 가이드] 시맨틱 버저닝

    2024.02.01 by yooputer

  • [Meta ESG] SmartEditor2 에디터 내 이미지 추가 구현 | SpringBoot, Azure blob storage

    2024.01.18 by yooputer

  • [Meta ESG] 현재 작성한 글자수 보여주기 기능 구현

    2024.01.16 by yooputer

  • [Meta ESG] 자동저장 구현

    2024.01.16 by yooputer

  • [이펙티브 자바] Item 16. public 클래스에서는 public 필드가 아닌 접근자 메서드를 사용하라 | 4장

    2024.01.15 by yooputer

  • SQLP 준비 시작

    2023.10.30 by yooputer

  • [이펙티브 자바] Item 14. Comparable을 구현할지 고려하라 | 3장

    2023.09.15 by yooputer

[먹로그] 스프링부트+리액트 프로젝트 생성

프로젝트 기술 스택 Java17 SpringBoot3.1.9 Gradle MyBatis PostgreSQL ReactJS IntelliJ에서 프로젝트 생성 DB 연결 프로젝트 > src > resources > application.properties DB url, username, password 입력 서버 실행 테스트 MuglogApplication.java 실행 후 웹브라우저에 http://localhost:8080으로 접속 다음과 같이 404 페이지 뜨는거 확인 리액트 설치 cmd에서 프로젝트/src/main으로 이동 npx create-react-app frontend 명령어 실행 frontend 디렉토리 생성된거 확인 리액트 실행 cmd에서 프로젝트/src/main으로 이동 npx start ..

카테고리 없음 2024. 3. 3. 01:01

[필독! 개발자 온보딩 가이드] 시맨틱 버저닝

버저닝 스키마를 잘 따르는 버전은 다음과 같은 특징을 가진다 고유성 재사용되지 않는다. 산출물은 자동화된 워크플로를 통해 배포되고 캐시되며 사용된다. 비교성 사람과 도구가 버전의 우선권을 이해하는데 도움이 된다. 동일한 산출물의 여러 버전에 빌드가 의존하는 경우 충돌을 해결하는데 사용된다 정보성 사전 릴리즈한 코드와 정식 릴리즈한 코드를 구분한다 산출물에 빌드 번호를 매기며 안전성과 호환성을 설명한다 시맨틱 버저닝 시맨틱 버저닝이란 가장 보편저으로 사용하는 버저닝 스키마이다. 주 버전, 보조 버전, 패치 버전 등 세가지 숫자로 버전을 정의한다. 시맨틱 버전은 고유성과 비교성, 정보성을 모두 갖추고 있다. 주 버전이 0인 버전은 '사전 릴리즈'로서 개발 주기를 빠르게 가져가기 위해 사용하며 호환성은 보장되..

Development Study/개발 관련 도서 2024. 2. 1. 09:04

[Meta ESG] SmartEditor2 에디터 내 이미지 추가 구현 | SpringBoot, Azure blob storage

Meta ESG 프로젝트에서 에디터 내 이미지 삽입 요건이 있었다.에디터는 SmartEditor2를 사용하였고, SmartEditor2에 구현되어있던 이미지 모듈에 이미지를 클라우드에 업로드하고 이미지 경로를 반환하는 api를 사용해 구현하였다.스마트 에디터2 설치공식 문서를 참고해 스마트 에디터2를 설치하였다.https://naver.github.io/smarteditor2/user_guide/2_install/setting.html 2.0 버전 설치 · GitBookNo results matching ""naver.github.io사진 플러그인 추가아래 문서를 참고해 사진 플러그인을 추가했다.https://naver.github.io/smarteditor2/user_guide/4_photoupload..

Project/Meta ESG 2024. 1. 18. 08:51

[Meta ESG] 현재 작성한 글자수 보여주기 기능 구현

Meta ESG 프로젝트 요건 중 특정 textarea에서 현재 작성한 글자수를 보여주는 기능이 있었다. 나는 onkeyup 이벤트 핸들러를 사용해 구현하였다. HTML 0 / 500 등록 JS $('.check-input-length').keyup(function (e) { let content = $(this).find('textarea').val(); $(this).find('.typing-num').text(content.length); });

Project/Meta ESG 2024. 1. 16. 08:30

[Meta ESG] 자동저장 구현

개요 Meta ESG 프로젝트 요건 중 자동저장 기능이 있었다. 백엔드 코드는 수정하지 않고 프론트에서 타이머를 사용해 백엔드로 저장을 요청하여 구현했다. HTML 타이머를 보여줄 div와 타이머 on/off를 저장할 input이 필요하다 input에 onclick 메서드를 달았다. 자동저장 5:00 JS let min = 5, sec = 0; let timer; // init $(function(){ if($('#autoSaveToggle').is(':checked')){ startTimer(); } }); // 자동저장 타이머 시작 function startTimer() { timer = setInterval(countTimer, 1000); } // 자동저장 타이머 종료 function stopTi..

Project/Meta ESG 2024. 1. 16. 08:18

[이펙티브 자바] Item 16. public 클래스에서는 public 필드가 아닌 접근자 메서드를 사용하라 | 4장

이펙티브 자바 3장 Item11를 요약한 내용입니다. public클래스라면 public 필드가 아닌 getter 메서드를 사용할 것 public클래스가 public필드를 제공하는 경우 해당 필드를 수정하려면 해당 필드를 사용하는 모든 클라이언트 코드를 수정해야함 getter를 사용하는 경우 getter 메서드만 수정하면 됨. package-private 클래스나 private 중첩 클래스는 public 필드를 사용해도 괜찮다 클라이언트 코드가 클래스 내부 표현에 묶이기는 하나, 클래스 안에서만 동작하는 코드이기 때문에 외부 클래스는 수정하지 않아도 된다.

Development Study/이펙티브 자바 2024. 1. 15. 08:46

SQLP 준비 시작

오늘부터 SQLP 준비하려고 회사에 책 들고왔다 국가공인 SQLP 자격검정 핵심노트라는 책으로 공부하려고 했는데 개념은 없고 그냥 문제 + 해설인데 왜 핵심노트라고 제목을 붙여놨는지 모르겠네.... 아무튼 1장 풀어봤는데 30문제중 한 문제도 못풂 개 어 렵 다 SQLP는 준비하는 사람도 적고 책도 적은거 같아서 과연 붙을 수 있을지 모르겠다 합격기준 봤는데 72문제 풀어서 75점을 넘어야 하던데 쉬바..... 내년 목표는 SQLP다!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! SQLD 공부하고 실무에 꽤 도움이 된다고 생각했었는데 SQLP도 그랬으면 좋겠다 내 쿼리... 더 좋아졌으면 좋겠다..........................

주절주절 2023. 10. 30. 08:32

[이펙티브 자바] Item 14. Comparable을 구현할지 고려하라 | 3장

Comparable을 구현해야하는 이유 Comparable을 구현했다는 것은 그 클래스의 인스턴스에 자연적인 순서가 있음을 뜻한다. Comparable을 구현하여 수많은 제네릭 알고리즘과 컬렉션을 이용할 수 있다. 알파벳, 숫자, 연대 같이 순서가 명확한 값 클래스를 작성한다면 반드시 Comparable을 구현하는 것이 좋다. Comparable 메서드 일반 규약 첫번째 객체가 두번째 객체보다 작으면, 두번째 객체가 첫번째 객체보다 커야하고 첫번째 객체와 두번째 객체가 같으면, 두번째 객체와 첫번째 객체가 같아야 하고, 첫번째 객체가 두번째 객체보다 크면, 두번째 객체는 첫번째 객체보다 작아야한다. 첫번째 객체가 두번째 객체보다 크고, 두번째 객체가 세번째 객체보다 크면 첫번째 객체는 세번째 객체보다 크..

카테고리 없음 2023. 9. 15. 08:44

추가 정보

인기글

최신글

페이징

이전
1 ··· 8 9 10 11 12 13 14 ··· 21
다음
TISTORY
yooputer's devlog © Magazine Lab
페이스북 트위터 인스타그램 유투브 메일

티스토리툴바