티스토리

최고다최코딩

검색하기

블로그 홈

최고다최코딩

youarethebestcoding.tistory.com/m

내가 보기 위해 만드는 블로그

구독자: 0

방명록 방문하기

주요 글 목록

C# 열거형 열거형 : 정수 숫자 형식의 상수 집합에 멤버 이름을 지정할 수 있다. enum Menu { Info, // 0 Status // 1 } 열거된 멤버들은 첫 멤버부터 0으로 시작하는 정수를 상수로 가지고 다음 멤버들은 1씩 증가하는 정수를 상수로 가진다. enum Menu { Candy=1, Chocolate=3, Snack // 4 } . 상수를 명시적으로 지정해 줄 수도 있고 지정하지 않은 멤버는 이전 멤버의 +1 값을 가진다. 열거형의 사용 Menu candy = Menu.Candy; var choco = (Menu)3; Console.WriteLine(candy); // Candy Console.WriteLine((int)Candy); // 1 Console.WriteLine(choco); // .. 공감수 0 댓글수 0 2024. 4. 16.
C# 기초 문법 함수 형식 returnType FunctionName ( parameterType parameter1, parameterType parameter2 = "default" ) { print(parameter1); print(parameter2); print("FunctionName 첫글자는 대문자"); print("디폴트 값을 가지는 파라메터는 맨 뒤에 위치한다."); return data; } 접근제한자 [ private, public, protected ] default : private public : 모든 레벨에서 접근 가능 private : 동일한 Class에서만 접근 가능 protected : 동일 Class 또는 상속받는 Class에서만 접근 가능 반복문 int i; int j = 3; for.. 공감수 0 댓글수 0 2024. 4. 11.
IntelliJ Community Spring Project 생성하기 Spring Initializer에서 Spring Project를 생성한다. https://start.spring.io/ Generate버튼을 클릭하면 프로젝트를 다운로드 받는다. 다운로드 받은 프로젝트는압축해제하여 워크스페이스에 옮기고 IntelliJ를 실행한다. Open demo 폴더의 pom.xml을 선택 Open as project Spring 구조의 기본 프로젝트가 생성되었다. 외부 라이브러리에 initializer에서 추가한 Spring web, dev tools 가 추가되었다. pom.xml에도 dependency에 추가된 것을 확인할 수 있다. maven의 spring-boot:run을 실행하면 spring에 내장된 톰캣을 통해 서버를 실행시킬 수 있다. *터미널에서 mvn spring-b.. 공감수 1 댓글수 0 2024. 1. 5.
Tomcat 서버 운영 환경 구축 개발한 웹 애플리케이션을 Apache Tomcat을 이용해 배포하고 서버를 운영하는 환경을 구축하는 방법 -Application Packaging mvn clean compile package gradlew build 명령어 혹은 task 도구를 이용해 패키징한다. package를 완료하면 war 파일이 모듈의 target 폴더에 생성된다. -startup.bat 사용하기 (windows는 배치파일, linux기반 os는 쉘스크립트) tomcat-webapps폴더에 패키징한 war파일을 복사하여 옮겨준다. tomcat\bin\startup.bat 파일을 실행하면 webapps의 war 파일들 압축해제하여 실행시켜준다. tomcat\webapps 폴더에 war파일이 압축해제되어 maven_begin 폴더가.. 공감수 0 댓글수 1 2024. 1. 5.
IntelliJ IDEA Set Eclipse 와 IntelliJ 의 차이 Eclipse IntelliJ Workspace Project Project Module Facet Library JRE SDK Classpath variable Path variable IntelliJ 다운로드 https://www.jetbrains.com/ko-kr/idea/download/?section=windows 최고의 Java 및 Kotlin IDE인 IntelliJ IDEA를 다운로드하세요 www.jetbrains.com Community Edition을 다운로드하면 제한적으로 무료로 사용할수 있다. Community Edition 사용시 필요한 플러그인 - Smart Tomcat Maven을 이용한 Web Project 생성 -Maven Arch.. 공감수 0 댓글수 1 2024. 1. 4.
Vue.js form submit Vue.js에서 회원가입 폼을 만들어 실습하면서 form을 통해 데이터를 전송하는 법을 알아보자 아이디 패스워드 회원가입 form을 만들고 input:text, label로 아이디와 패스워드를 입력 받을 폼을 만든다. submit 버튼은 디폴트로 submit 이벤트가 발생하고 페이지가 새로고침되기 때문에 새로고침을 막아야한다. 새로고침을 막기 위해서 @submit 이벤트 핸들러에 .prevent를 붙여 preventDefault를 한다. 그리고 submit 이벤트가 발생하면 폼의 input을 전송할 함수인 submitForm을 등록한다. input 태그에 v-model이라는 속성이 붙어있다. v-model은 input 태그의 value를 바인딩 해주는 디렉티브이다. 만약 v-model을 사용하지 않는다면.. 공감수 0 댓글수 0 2023. 11. 30.
Vue.js 프로젝트 생성하기 #vue-cli 폴더구조, 라이브러리, build 등 기본 vue 개발 환경을 설정해주는 cli 도구 #vue-cli 설치하기 npm install -g @vue/cli #vue 프로젝트 생성하기 vue create projectName vue create 명령어로 프로젝트 생성 * vs code terminal에서 실행되지 않는다면 windows powershell 문제로 preset을 선택하면 프로젝트를 생성한다. vue3 기본 환경으로 프로젝트를 생성하고 싶다면 vue3를 vue2 기본 환경으로 프로젝트를 생성하고 싶다면 vue2를 직접 라이브러리, build 등의 환경을 수동으로 설정하고 싶다면 manually를 선택하면 된다. 프로젝트가 생성되면 cd projectName, npm run ser.. 공감수 0 댓글수 0 2023. 11. 29.
Vue.js 기초 문법 #Vue 인스턴스 생성 [Vue2] //Vue2 application instance 생성방법 new Vue({ //component options el: '#app', // mount할 element template: '{{firstName}} {{lastName}} aka {{alias}}',, //화면에 표시할 요소 data: function() { return { firstName: 'choi', lastName: 'coding', alias: 'choicoding' } }, method: { changeFirstName(first) { this.firstName=first }, }, //화면의 동작, 이벤트 handling할 메소드 created: function(){}, //life cycle.. 공감수 1 댓글수 2 2023. 11. 28.
Vue.js Intro HTML 삽입 미리보기할 수 없는 소스 #Vue3 코드 작성 방식 OptionsAPI, CompositionAPI 두가지 방식이 존재하고 공식문서의 네비게이션바에서 각 방식에 따른 API 설명을 확인할 수 있다. -OptionsAPI 클래스 기반 컴포넌트 인스턴스(this) 구조 숫자 세기: {{ count }} -CompositionAPI 재사용성이 좋은 컴포넌트 구조 숫자 세기: {{ count }} #개발 환경 Node.js https://nodejs.org/en Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org Visual Studio Code https://code.visualstu.. 공감수 0 댓글수 0 2023. 11. 28.
스프링부트 프로젝트 CI/CD 환경 구축 (with.AWS + GIthub Actions) 이번 프로젝트에서는 AWS의 ElasticBeanstalk 을 이용해 application을 배포하고 github actions를 이용해 aws에 무중단 배포할 수 있는 환경을 구축하였다. AWS의 서비스에 관해서는 이미 다룬 적이 있으니 생략하고 https://youarethebestcoding.tistory.com/119 프로덕션 배포 - 서비스 아키텍처 EC2 (Elastic Computer Cloud) : 애플리케이션을 실행할 수 있는 서버 컴퓨터라고 생각하면 된다. 우리는 EC2로 서버를 실행시키고 클라이언트가 애플리케이션을 실행하려면 EC2의 IP나 EC2에서 제공하는 youarethebestcoding.tistory.com 이번 포스팅에서는 aws cli로 환경을 생성하는 두가지 방법을 모두.. 공감수 0 댓글수 0 2023. 11. 24.
Intersection Observer 무한스크롤 구현하기 #무한스크롤 기존 페이징 방식에서 벗어나 최근 떠오르는 페이징 방식이다. 특정 개수만큼만 로딩하고 특정 뷰포트를 넘어가면 다음 아이템을 로딩하는 방식으로 비동기 방식으로 html을 누적 생성해낸다. 최근 다양한 sns에서 적용하고 있는 방식이다. 기존의 페이지네이션은 끝에 도달하면 다음 동작을 해야 다음 컨텐츠를 확인할 수 있는데 무한 스크롤은 끝에 도달했다고 인지하기도 전에 이미 다음 컨텐츠를 보여주고 있기 때문에 컨텐츠가 끝없이 쏟아지고 심리적으로 페이지네이션보다 클라이언트를 더 붙잡아두는 경향이 있다. IntersectionObserver Interface는 특정 요소를 observe 하면서 해당 요소가 다른 요소와 교차하게 되는 시점을 감지하는 interface이다. 이 인터페이스를 활용하면 아이.. 공감수 0 댓글수 0 2023. 11. 24.
Thymeleaf Layout #타임리프 레이아웃 코드의 재사용이 가능한 부분을 템플릿화할 수 있게 도와주는 타임리프 라이브러리 #레이아웃을 사용하는 이유 타임리프의 insert나 replace 기능은 많이 사용하지만 이 기능에는 한가지 문제점이 있다. 대부분의 사이트는 탑, 바텀, 네이게이션바 등을 고정적으로 사용한다. 그래서 매 페이지마다 top(header), bottom, navigationBar를 insert 해주게된다. insert를 사용하면 탑에 내용이 바뀐다면 탑만 수정해주면 모든 페이지의 탑이 바뀌게 된다. 그런데 만약 insert된 코드의 내용이 아니라 insert된 코드, 다른 코드들 간의 구조에 변화가 생긴다면 모든 페이지의 fragment들의 구조를 바꿔줘야 한다. 이런 한계를 커버해 줄 수 있는 기능이 lay.. 공감수 1 댓글수 1 2023. 11. 24.
스프링부트 프로젝트 서비스와 예외처리 이번 프로젝트를 하면서 예외 처리에 대해서 고민 많았고 실제로 작업하면서 몇번씩 수정을 거치게 되었다. 일단 예외가 발생했을 때 발생원인이 명확한 경우 구체적인 예외 사유를 알 수 있게 customException을 만들어서 던지기로 했다. public class ProductCustomException extends Exception{ private String data; private ProductExceptionMsg msg; public ProductCustomException(ProductExceptionMsg msg) { this.msg = msg; } public ProductCustomException(String data, ProductExceptionMsg msg) { this.data.. 공감수 0 댓글수 1 2023. 11. 22.
스프링부트 프로젝트 JPA 활용 JPA에 대해서 다룬 포스트가 있다. https://youarethebestcoding.tistory.com/115 Spring Data JPA begins http://projects.spring.io/spring-data/ Spring Data Spring Data’s mission is to provide a familiar and consistent, Spring-based programming model for data access while still retaining the special traits of the underlying data store. It makes it easy to us youarethebestcoding.tistory.com 이번 포스팅에서는 프로젝트에서 실제로 활용.. 공감수 0 댓글수 0 2023. 11. 21.
스프링부트 프로젝트 계층에 따른 데이터 전송 형태 클라이언트는 브라우저에서 요청을 하고 응답을 받는다. 이때 요청은 서버에서 필요한 데이터를 담아야하고 서버측에서 응답할땐 클라이언트에게 공개할 데이터만 담아서 보내면 된다. 일반 사용자는 그저 클릭하고 타자를 입력할 뿐 요청하는 방법, 응답 받아서 확인하는 방법은 알지 못한다. 일반 사용자가 클릭, 키보드 입력으로 어떤 데이터를 보내게 할지, 데이터를 응답으로 보냈을 때 어떻게 전달할지는 개발자가 해야할 일이다. 요청을 보내고 응답을 보내는데는 엔티티의 모든 데이터가 필요하지 않다. 필요한 정보만 받을 수 있고 클라이언트에게 공개하기 싫은 정보를 제외하고 응답을 보낼 수도 있고, 클라이언트에게 보낼 데이터를 가공할 수도 있다. 요청, 응답을 위해 필요한 데이터를 전달할 객체를 DTO Data Transf.. 공감수 0 댓글수 0 2023. 11. 21.
다나가 쇼핑몰 프로젝트 ER diagram과 Entity Tool : ERDCloud https://www.erdcloud.com/ ERDCloud Draw ERD with your team members. All states are shared in real time. And it's FREE. Database modeling tool. www.erdcloud.com 프로젝트 전체 테이블 프로덕트 관련 테이블 Product 테이블 : 제품의 기본 모델에 관한 정보를 담은 테이블 Option 테이블 : 제품이 가질 수 있는 옵션의 정보를 담은 테이블 OptionSet 테이블 : 제품에 옵션들의 정보를 포함하여 하나의 상품으로 간주되어 카트와 주문에 포함될 테이블 Category 테이블 : 카테고리 정보를 담은 테이블 CategorySet 테이블 : 카테고리와 .. 공감수 0 댓글수 0 2023. 11. 20.
ITWILL(아이티윌) 자바 개발자 양성과정 수강후기 143기 자바 개발자 양성과정(김경호 강사님) 수강 후기 6개월(2023.05.17~2023.11.15)간의 자바 수업을 마치는 날이 되었습니다. 4월즈음 비전공자인 제가 웹 개발자가 되기를 결심하고 많은 학원들의 커리큘럼을 비교해보고 아이티윌을 선택하게 되었습니다. 6개월이라는 기간은 4년의 전공생들의 학습량을 따라 잡기엔 턱없이 부족한 시간입니다. 그래서 저는 짧은 시간동안 웹 개발자로서 갖춰야할 필수적인 기술들을 배울 수 있으면서 기초를 탄탄하게 잡을 수 있는 커리큘럼을 원했고 고심끝에 아이티윌의 커리큘럼을 선택하게 되었습니다. 김경호 강사님은 기본을 중요하게 생각하십니다. 그래서 자바, 객체지향의 개념을 가르치는데 긴 시간 공을 들이시고 기초가 갖춰지고나면 프레임워크, API 는 빠르게 터득하실 .. 공감수 0 댓글수 1 2023. 11. 15.
쇼핑몰 웹사이트 제작 프로젝트 프로젝트 기간: 2023 - 10 - 16 ~ 2023 - 11 - 11 레퍼런스 : 다나와 https://www.danawa.com/ 스마트한 쇼핑검색, 다나와! : 가격비교 사이트 가격비교 사이트 - 온라인 쇼핑몰, 소셜커머스 전 상품 정보 가격비교 사이트, 비교하면 다나와 www.danawa.com 인원 : 8명 GitHub 주소 https://github.com/choliea/danaga GitHub - choliea/danaga: final project Danaga shopping mall By team.Avengers 2023-10-16 final project Danaga shopping mall By team.Avengers 2023-10-16 - GitHub - choliea/danag.. 공감수 5 댓글수 0 2023. 11. 9.
JPA Object Relation Mapping Entity 공통으로 포함할 createdAt, updatedAt 필드를 BaseEntity를 만들어 다른 Entity들이 상속할 수 있게 SuperClass로 사용 @Data @MappedSuperclass public class BaseEntity { @CreationTimestamp @Column(updatable = false) private LocalDateTime createdAt; @UpdateTimestamp private LocalDateTime updatedAt; } entity 관리를 위해 entity 생성, 수정 시간을 기록하는 createAt, updatedAt을 가진다. ToString, HashCode, Equals를 포함하는 Data 어노테이션과 BaseEntity 테이블을 .. 공감수 0 댓글수 0 2023. 10. 11.
YAML Converter properties 파일을 yaml 파일로 바꾸고 싶을 때 https://mageddo.com/tools/yaml-converter 공감수 0 댓글수 0 2023. 10. 11.
JPA 계층형 게시판 public class Board { @Id @GeneratedValue(strategy = GenerationType.AUTO) @SequenceGenerator(sequenceName = "board_boardno_seq", name = "board_boardno_seq") private Long boardno; private String title; private String writer; private String content; @ColumnDefault("sysdate") @CreationTimestamp private LocalDateTime regdate; private Long readcount; private Long groupno; private Long step; private Lo.. 공감수 0 댓글수 0 2023. 10. 10.
프로덕션 배포 - 서비스 아키텍처 EC2 (Elastic Computer Cloud) : 애플리케이션을 실행할 수 있는 서버 컴퓨터라고 생각하면 된다. 우리는 EC2로 서버를 실행시키고 클라이언트가 애플리케이션을 실행하려면 EC2의 IP나 EC2에서 제공하는 퍼블릭 도메인으로 애플리케이션에 접근할 수 있다. DNS (Domain Name System) : IP 주소는 사람들이 기억하고 사용하기 어렵기 때문에 IP를 대신할 수 있는 이름인 Domain(도메인)을 IP 주소와 맵핑시켜놓아 Domain을 입력하면 해당하는 IP 주소를 찾아 그 주소의 애플리케이 션에 접근하게 해주는 시스템 Route 53 : 우리 컴퓨터는 IP 말고도 DNS서버 IP도 가지고 있다. DNS 서버 IP는 IP 제공자인 ISP(Internet Service Pro.. 공감수 0 댓글수 0 2023. 10. 8.
기능 개발 문제 풀이 프로그레스 배열이 주어지고 진행 속도 배열이 주어진다. 프로그레스가 100이 되면 배포할 수 있는데 , 순서에 따라 배포할 수 있기 때문에 앞의 프로그레스가 100이 되지 않으면 뒤의 프로그레스는 100이 되어보 배포될 수 없다. 그래서 앞에서부터 순서대로 기능이 완성되어 배포할 때 한번에 여러개가 동시에 배포될 수 있다. 매번 배포할 때마다 몇개의 완성된 기능이 배포되는지 반환 일단 하루가 지나면 프로그레스의 모든 기능들은 스피드만큼 프로그레스가 증가한다. 그리고 매일 프로그레스가 100이 넘었는지 확인해주고 넘었으면 다음 프로그레스도 함께 확인하고 다음 프로그레스가 100이 아닌 것을 확인했을 때, 그때까지 100이 넘어 배포해야할 프로그레스의 개수를 list에 넣는다. for (int i = 0; .. 공감수 0 댓글수 0 2023. 10. 7.
Java 문법 기초 - 배열 배열 : 같은 데이터타입을 가진 저장소 - 배열은 객체이고 배열형의 변수는 저장소의 참조변수를 가진다. - 배열은 같은 타입만 정의가 가능하다. 여러 타입의 데이터를 하나의 배열에 넣을 수 없다. - 배열의 길이는 고정되어있다. 배열객체 변수의 선언 Type[] identifier; Type identifier[]; int[] intArray; int intArray[]; 배열객체의 초기화 intArray = new int[5]; intArray[0] = 80; intArray = new int[] {1,2,3,4,5}; 객체를 원소로 가지는 배열의 초기화 Account acc1 = new Account(1111, "LEE", 5600, 0.8); Account[] accounts = {acc1, new.. 공감수 0 댓글수 0 2023. 10. 6.
Spring Data JPA begins http://projects.spring.io/spring-data/ Spring Data Spring Data’s mission is to provide a familiar and consistent, Spring-based programming model for data access while still retaining the special traits of the underlying data store. It makes it easy to use data access technologies, relational and non-rela spring.io ORM object relation mapping ORM은 자바 객체와 SQL DB의 테이블 사이의 맵핑 메타데이터를 사용하여 자바 객체를 SQL .. 공감수 0 댓글수 0 2023. 10. 6.
카펫 문제 풀이 중앙은 노란색으로 칠해져있고 테두리 한줄만 갈색으로 칠해져있다. 갈색 타일의 개수와 노란색 타일의 개수가 주어질 때 가로 >=세로의 길이를 배열로 반환 각 타일의 정사각형 넓이 1이므로 갈색과 노란색 타일의 합은 전체 직사각형의 넓이가 나온다. 직사각형의 넓이는 가로*세로 이므로 brown+yellow = answer[0]*answer[1] 과 같다. yellow는 중앙의 직사각형이므로 yellow의 가로 세로 길이는 yellow의 약수이다. 곱하여 yellow가 되는 두 약수에 각각 가로, 세로 1씩 총 2를 더한 값이 전체 크기의 가로와 세로이다. public int[] solution(int brown, int yellow) { int[] answer = new int[2]; //brown+yell.. 공감수 0 댓글수 0 2023. 10. 6.
올바른 괄호 문제 풀이 괄호가 ()로 바르게 짝지어졌으면 올바른 괄호 true 반환 그렇지 않으면 false 반환 boolean solution(String s) { boolean answer = true; Stack stack = new Stack(); if(s.startsWith(")")||s.endsWith("(")||s.length()%2==1)return false; char[] arr = s.toCharArray(); for(int i=0; i 공감수 0 댓글수 1 2023. 10. 5.
크레인 인형뽑기 게임 문제 풀이 정사각형 모양의 틀에 여러 종류의 인형이 있고 1~5번 라인 중 몇번으로 이동해서 인형을 가져오는지 moves를 배열로 주어주면 인형을 가져와서 바구니에 담는다. 이때 바구니의 맨 윗 인형과 내가 가져온 인형이 같은 종류라면 인형들을 없애고 없어진 인형의 수만큼 점수로 획득한다. public int solution(int[][] board, int[] moves) { int answer = 0; Map map = new HashMap(); for (int i = board.length - 1; i >= 0; i--) { for (int j = 0; j 공감수 0 댓글수 0 2023. 10. 4.
로또의 최고 순위와 최저 순위 문제 풀이 알아볼 수 없는 로또 번호는 0으로 하여 입력한 로또 번호 배열과 실제 로또 우승 번호를 비교하여 가능한 최저 순위와 최고 순위를 반환 public int[] solution(int[] lottos, int[] win_nums) { int[] answer = new int[2]; int zeroCount = 0; Set set = new HashSet(); for (int i = 0; i =7)answer[0] = 6; return answer; } 0이 아닌 수 중에서 win_nums와 일치하는 개수가 최저 일치 개수이고 최저 일치 개수에 0이 모두 win_nums와 일치한다고 가정했을 때가 최고 일치 개수이다. 일치 개수는 set에 win_nums와 lottos중 0이 아닌 수를 집어넣었을 때 중복을.. 공감수 0 댓글수 0 2023. 10. 4.
다트 게임 문제 풀이 S, D(점수 2제곱),T(점수 3제곱) *(앞점수와 해당 점수 2배), #(해당 점수를 음수로) 3번의 다트 점수가 주어질때 S,D,T, * , # 를 계산한 총점을 반환 public int solution(String dartResult) { int answer = 0; char[] arr = dartResult.toCharArray(); ArrayList scoreList = new ArrayList(); for (int i=-0; i=2) { int pscore = scoreList.get(scoreList.size()-2); pscore = 2*pscore; scoreList.remove(scoreList.size()-2); scoreList.add(scoreList.size()-1, pscor.. 공감수 0 댓글수 0 2023. 10. 4.

문의안내

티스토리
로그인
고객센터

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