티스토리

ejyoo's 개발 노트

검색하기

블로그 홈

ejyoo's 개발 노트

ejyoo.tistory.com/m

ejyoovV 님의 블로그입니다.

구독자: 3

방명록 방문하기

주요 글 목록

[직접경험,후기] 결혼식 진행 스토리 박스 스냅사진과 함께했어요. 안녕하세요. 블로그 주인입니다.이번에 결혼식을 준비하면서 결혼식 사진 찍는 종류가 여러개가 있다고 알게되었어요. - 종류 -첫번째 : 웨딩사진두번째 : 결혼식 원판사진세번째 : 결혼식 스냅사진 거의 요즘 결혼한다 ! 하면 이 세가지 사진을 찍게 됩니다.이 블로그는 스냅사진 업체 추천 관련 글이에요. 관련 있으신 분들만 읽으시면 될 것 같습니다. 대전 스냅사진 잘찍는 스토리 박스와 함께한 결혼식 스냅 촬영♥저는 대전 라도무스에서 결혼식을 하였습니다. 스토리 박스를 스냅사진 업체로 선정하게 되면결혼식 시작 두시간반 전에 스토리 박스 작가님을 만나게 돼요.결혼식장 안의 사진이 잘나오는 포토존에 가서 작가님이 이것저것 사진을 찍어주시는데요,촬영 자세와 각도는 전문적인 작가님이 다 잡아주십니다. 저는 표정만 준.. 공감수 0 댓글수 0 2024. 6. 26.
[Java] Scanner를 사용하고 자원 정리 측면에서 닫아야 할까? 궁금해요 궁금해 코드프로그래머스에서 문제를 풀다가 Scanner를 닫는 사람이 있어서 궁금해졌다. 꼭 닫아야할까? JVM이 자동으로 정리해주지 않을까? 궁금증 해소 Scanner 객체를 초기화할 때, 어떤 파라미터를 주었냐에 따라 Scanner의 close() 메소드를 사용하는 것이 좋을 수 있다.그런데 코드프로그래머스에서 사용하는 Scanner는 대부분 사용자에게 입력을 받는 것이여서, 입력이 끝나고 나면 프로그램이 종료되면서 JVM이 자동으로 리소스를 정리해준다고 한다. 무조건적으로 Scanner를 사용하고 닫게되면 만약 System.in을 사용하는 경우 더이상 자원을 사용할 수 없어서 Scanner 객체를 새로 만들어야 할 것이다. 결론 System.in 인 경우 Scanner를 close() 호출.. 공감수 0 댓글수 2 2023. 12. 5.
[JavaScript] 중복 제거 코드 /** * 중복 데이터에서 uniquedata만 추출하는 함수 * @param {*} duplicateItems 중복데이터 목록 * @param {*} customFunc 유일 데이터 추출하기 위한 커스텀 함수 * @returns */ convertUniqueDatas: function (duplicateItems, customFunc) { if (!Array.isArray(duplicateItems)) { throw new Error("DuplicateItems must be an array."); } var uniqueItems = undefined; if (typeof customFunc === 'function') { uniqueItems = [...new Set([].concat(...dupli.. 공감수 0 댓글수 0 2023. 12. 4.
[코딩 기초 트레이닝] 문자열 출력하기 문제, 초기 솔루션 [문제] 문자열 str이 주어질 때, str을 출력하는 코드를 작성해 보세요. [제한사항] - 1 ≤ str의 길이 ≤ 1,000,000 - str에는 공백이 없으며, 첫째 줄에 한 줄로만 주어집니다. [입출력예] - 입력 #1 HelloWorld! - 출력 #1 HelloWorld! import java.util.Scanner; public class Solution { public static void main(String[] args) { Scanner sc = new Scanner(System.in); String a = sc.next(); } } 위의 문제는 주어진 문자열 'str'을 출력하는 것이다. 문제 풀이 import java.util.Scanner; public cl.. 공감수 0 댓글수 0 2023. 10. 12.
[프로그래머스-코딩기초트레이닝] 문자열변환 https://school.programmers.co.kr/learn/courses/30/lessons/181952 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr [문제] 정수 n이 주어질 때, n을 문자열로 변환하여 return하도록 solution 함수를 완성해주세요. [제한사항] 1 ≤ n ≤ 10000 [입출력예] - 입출력 예 #1 123을 문자열로 변환한 "123"을 return합니다. - 입출력 예 #2 2573을 문자열로 변환한 "2573"을 return합니다. 내가 입력한 답 나는 Java에서 제공하는 기본 메서드를 활용하여 문제를 해결하.. 공감수 0 댓글수 0 2023. 10. 12.
[Mac/IntelliJ/Gradle/Spring Boot 3.1.4] 자동빌드 설정 (SpringBoot - devTools) .java 확장자를 가진 파일에 직접 코드를 작성하고 프로젝트 런을 돌리면 '빌드'라는 과정을 거치게 된다. 빌드는 여러 과정이 있지만 대표적으로 Java 컴파일러가 '컴파일' 하는 과정이다. .java 파일을 Java 컴파일러(Javac) 는 .java 파일을 받아서 바이트 코드로 변환하고 , 그 결과를 .class 파일로 저장하는데, 이 바이트 코드는 JVM (Java Virtual Machine) 에서 실행하게 된다. 그렇다면 코드를 수정하고 빌드를 일일히 돌리는게 아니라 자동화 할 수 없을까? 자동화하는 방법, 그것은 바로 Spring Boot에 devTools를 사용하면 된다. 그러면 코드를 수정할 때, 자동으로 빌드를 돌리게 되어 최신의 코드를 class파일로 만들 수 있다. 이를 위해서는 몇.. 공감수 0 댓글수 0 2023. 10. 1.
[Spring Boot 3.1.4] build.gradle 에 대한 정리 본 글은 spring boot 기반의 Java 프로젝트를 처음 접하면서 build.gradle라는 파일에 들어가는 Gradle 빌드 스크립트에 대해서 정리하였다 plugins { id 'java' id 'org.springframework.boot' version '3.1.4' id 'io.spring.dependency-management' version '1.1.3' } repositories { mavenCentral() // 중앙 Maven 저장소 사용 지시 (Maven Central Repository) } group = 'com.example' version = '0.0.1-SNAPSHOT' java { sourceCompatibility = '17' } configurations { comp.. 공감수 0 댓글수 0 2023. 9. 30.
[SpringBoot][Mac][인텔리제이] Hello world 출력하기 숨겨진 이야기 C#을 하던 내가 스프링 부트를 해보겠다고 환경을 구성하고 있었는데, 인텔리제이로 하고싶었지만, 모든 서비스가 유료로 알고있었다. 그래서 VSCode로 Maven 환경설정을 꾸역꾸역 하고있었다. 그런데 어떤분께서 인텔리제이 커뮤 버전은 무료라고 알려주셔서 인텔리제이를 쓰게됐다!! 반갑다! 인텔리제이야!!! 잘해보자!! 인텔리제이 커뮤니티 버전 설치 https://www.jetbrains.com/idea/download/?section=mac Download IntelliJ IDEA – The Leading Java and Kotlin IDE Download the latest version of IntelliJ IDEA for Windows, macOS or Linux. www.jetbra.. 공감수 0 댓글수 0 2023. 9. 23.
[Mac][인텔리제이] 단축키 * 코드 자동정렬 Option + Command + L * 소스 영역 최대화 Command + 1 * 빌드 (디버그) Ctrl + D * 코드 추천 Option + Enter 공감수 0 댓글수 0 2023. 9. 23.
2023-09-19 칸반보드 자동 등록기능 개발 보호되어 있는 글입니다. 공감수 0 댓글수 0 2023. 9. 19.
[VSCode][Mac] Maven 설정 VSCode에서 Command + J 하여 터미널 연 뒤 메이븐 설치 brew install maven 메이븐 한번 더 설치한 뒤, 이 문구가 뜨면, 설치가 완료된 것임 공감수 0 댓글수 0 2023. 9. 18.
Mac - VSCode cmd 창에서 git commit 과 push 하는 법 원래는 소스 코드를 수정한 뒤, GUI 툴에서 git commit 과 push 를 했는데, 이런 간단한 작업같은 경우, cmd에서 하는게 더 좋을 것 같아서 자료를 찾아보았다. 맥 환경에서 터미널 열기 command + J 스테이지에 올리기 git add . // 수정이 있는 모든 파일을 스테이지 올림 git add [특정 파일명] // 특정 파일만 스테이지 올림 커밋하기 git commit -m [커밋메시지] 원격 저장소에 푸시하기 git puth [원격저장소명] [브랜치명] 특별히 생성한 브랜치가 없는경우 master에 푸시 git push origin main 공감수 0 댓글수 0 2023. 9. 15.
[2023.09] 원티드 프리온보딩 백엔드 챌린지 느낀점 - 캡슐화와 은닉화 보호되어 있는 글입니다. 공감수 0 댓글수 0 2023. 9. 8.
제어 컴포넌트와 비제어 컴포넌트의차이 React 폼 요소 다루는 방법 React 에서 폼 요소를 다루는 방법에는 제어 컴포넌트, 비제어 컴포넌트 두 가지 접근법이 있다. 제어/비제어 컴포넌트의 사전적 의미 이 둘의 사전적 의미는 아래와 같다. 1) 제어 컴포넌트 (Controlled Component) : React 에서 값을 제어하는 컴포넌트. 폼 요소의 상태를 React의 state로 관리하고, 값을 변경하기 위해서 이벤트 핸들러를 사용한다. 2) 비제어 컴포넌트 (UnControlled Component) : DOM 자체에 데이터를 저장하고 있고, 값을 직접 DOM 으로부터 가져옴. 'ref'를 사용하여 접근한다. 이 사전적 의미만으로 와닿지 않기에 각 컴포넌트의 자세한 내용과 그에 대한 예제를 살펴본다. 제어 컴포넌트 위에서 언급했듯.. 공감수 0 댓글수 0 2023. 8. 31.
[EF Core] 쿼리 실행 EF Core 쿼리를 작성한 뒤 클라이언트로 객체를 뿌렸는데, 객체 안에 데이터가 없어서 왜 없는지 알기 위해 EF Core 쿼리에 대해 조사를 하여 정리하려고 한다. 먼저 EF Core 쿼리를 실행하려면 아래의 절차가 존재해야 한다. 1) 쿼리생성 2) 쿼리실행 내가 지금 문제되었던 것은 쿼리를 생성만 하고 실행을 하지 않아서 발생한 것이였다. 예를 살펴보자. var resultData = context.A; context.B; 위의 코드의 경우 resultData는 A 테이블의 모든 데이터를 포함하는 쿼리를 나타낸다. 하지만 이 쿼리는 실행되지 않는다. 쿼리의 결과로 실제 데이터를 가져오려면 ToList(), ToArray(), Single(), First() 등의 메서드를 사용해야 한다. var r.. 공감수 0 댓글수 0 2023. 8. 30.
[VS-Code] 설치하면 좋은 Extention 1. Korean Language Pack for Visual Studio Code 한국어 확장팩 2. Better Comments 작성한 코드에 대한 코멘트를 인간 친화적으로 표시 3. Color Highlight 색상코드에 대해 바로 표시해줌. 4. GitHub Theme 깃헙 테마 5. Material Icon Theme 확장자에 따라서 이쁜 아이콘 제공 6. Git Graph 소스트리 같은 Git Window GUI 툴 같은 기능을 제공하는 Extention 윈도우를 왔다갔다 하기 번거로운 경우 설치 7. Git History 8. GitLens - Git supercharged 깃 커밋 로그 표시 9. GitHub Pull Requests and Issues 깃에서 풀이나 리퀘스트 이슈 있을 때.. 공감수 0 댓글수 0 2023. 8. 29.
EF Core Context 로 조회 시, 객체에 자동으로 연계되어 조회되는 이유 자료조사 이유 EF Core DbContext를 조회할 때, 따로 조회했음에도 불구하고 참조관계가 설정되어있다면 자동으로 붙어서 결과가 출력되었다. 이 원리가 무엇이고 내부에서 어떤 규칙으로 인해 이러한 결과가 나오게 되었는지 궁금해져서 조사를 통해 현상을 정리하고자 한다. 현상에 대한 정의 먼저 현상에 대한 정의는 아래와 같다 1. A, B 테이블이 있다. 2. A는 부모테이블 B는 자식테이블로 B는 A를 참조하고 있다. var aData = Context.AEntity.Where(x => x.IsValid).ToList(); Context.BEntity.Where(x => x.IsValid).ToList(); 이와 같이 DbContext에서 A 테이블과 B 테이블을 따로 조회했을 때 aData에 B테.. 공감수 0 댓글수 0 2023. 8. 25.
EF Core DbContext 의 로딩방식 EF Core 에서 DBContext를 사용하여 데이터를 조회할 때, 아래의 경우가 있다. 1) 조인하여 한번에 조회 2) 따로 따로 조회 3) DbContext로 각각 접근하여 조회 위의 방법을 통해서 데이터를 조회하게 되는데, EF Core의 어떤 기준에 의해 저런 방법을 사용하여 데이터를 조회하는지 궁금하여 정리를 해보았다. EF Core (Entity Framework Core)에서 데이터를 로딩하는 방식에는 크게 세가지 방법이 있다. 1. 지연로딩 (Lazy Loading) 2. 즉시 로딩 (Eager Loading) 3. 명시적 로딩 (Explicit Loading) 1. 지연 로딩 (Lazy Loading) 지연로딩은 연관된 엔터티나 컬렉션에 처음 접근할 때 실제 데이터가 로드되는 방식이다... 공감수 0 댓글수 0 2023. 8. 23.
닷넷코어의 인증과 인가 지난시간 회고 * API 만들고 스웨거 API 뷰어로 보기 -- * 실제 DB 연동 - appsetting 설정 * 도커 설치 - 이미지 다운 - 컨테이너 올리고 - 도커돌리기 - db 서버 실행 * 도커 설정 docker 관련 yml * docker compose up -d : 백그라운드에서 설정된 도커 정보를 실행하겠다. * postman 으로 만든 api를 실행시켜 테스트 한다 / 또는 swagger -- ** front 와 연동할 login api를 만듬 // login api app.MapGet("/login", (HttpContext context) => { return true; }); * 닷넷 빌드 및 닷넷 런 하여 실행 * postman에서 주소 입력하고 실행 * *인증위한 쿠키 설정 *.. 공감수 0 댓글수 0 2023. 7. 20.
MinimalAPI에 대해서.. C# 의 Minimal API 는 .NET 6.0의 기능으로 API 엔트포인트를 만들 때 필요한 준비 작업을 최소화하고 개발자의 생산성을 향상 시키는 것을 목표로 한다. 주로 작은 서비스나 단일 페이지 애플리케이션 (Single Page Application, SPA) 나 마이크로 서비스 아키텍처에서 사용된다. C#의 Minimal API 는 주요 핵심 개념이 있다. 1. 익명 람다(Lambda) 함수 Minimal API 는 익명 람다 함수를 사용하여 API 끝점(endpoints) 를 정의하고 이로인해 간결하게 API 를 작성할 수 있다. 이러한 함수는 일반적으로 app.Map[HTTP 메소드]의 형태로 작성된다. 예를 들어, HTTP GET 요청을 처리하는 API 끝점은 app.MapGet 함수를 .. 공감수 0 댓글수 0 2023. 6. 21.
명시적 외래키 작성할 때 virtual 타입을 쓰는 이유 EF 의 ORM 을 사용하면서 모델을 설계할 때 FluntAPI 를 사용하여 각 엔티티 모델 간 외래키를 지정하는데, 이때 외래키로서의 식별관계를 가지는 각 모델이 참조할 수 있도록 명시적 외래키 라는 필드를 작성해야 한다. 이때 타입이 virtual로 들어가는데, 그것이 왜 사용되는지 궁금해서 정리하고자 한다. EF 는 Entitiy Framework 의 약자로 MS에서 개발한 .NET 앱용 오픈소스 객체 관계 매핑 프레임 워크(ORM)이다. EF 에서 외래키 연관관계를 설정할 때 종종 virtual 키워드를 사용한다. virtual 키워드를 사용하면 EF가 해당 속성을 Lazy Loading을 할 수 있다. Lazy Loading은 관련 개체가 실제로 필요로 될 때 까지 해당 개체의 로드를 연기하는 .. 공감수 0 댓글수 0 2023. 6. 21.
MongoServerSelectionError: connection <monitor> to X.XX.XXX.XXX:XXXXX closed mongo DB 클러스터의 액세스 설정은 허용한 IP 만 접속하게 해놨는데, 현재 내가 MongoDB 접속하려는 IP 가 접속 불가 IP 라서 접속이 안되는 오류임. 맥에서 ipconfig 를 해서 나오는 IP 를 입력해보아도 잘 되지 않았음. 나는 집에서 공유기를 통해 인터넷 연결을 하고 있는데, 만약 공유기 사용한다면 공인 IP를 Network Access 에 등록해야 함. https://nordvpn.com/ko/blog/public-ip-and-private-ip/ 공인 IP와 사설 IP… 다양한 IP 유형의 차이는? 공인 IP와 사설 IP 등 다양한 IP 유형의 차이가 궁금하신가요? 이 글에서 IP 유형별 차이와 장단점을 확인해 보세요. nordvpn.com 공감수 0 댓글수 0 2023. 6. 12.
[HTML DOM] Javascript 로 HTML DOM 의 Onclick 이벤트 적용하기 이벤트의 적용방법에 대한 선택 웹 프론트 프레임 워크로 HTML DOM Component를 만들고 프레임 워크에서 제공하는 이벤트 핸들러를 사용하여 이벤트를 캐치하곤 하는데, 가끔은 직접 HTML DOM 을 입력하여 이벤트를 적용해야하는 상황이 발생한다. 그 이벤트가 onClick 라고 한다면 아래의 방법이 있겠다. 1. html dom 의 onclick 속성에 이벤트 추가하기 1-1. javascript function 만들고 함수 호출 (프레임워크함수, javascript 함수) 1-2. element addEventListener 정의 2. JQuery 로 dom을 찾은 뒤 Click event 를 캐치함. ( $('').click() 또는 on('click') ) https://developer... 공감수 0 댓글수 0 2023. 6. 8.
Minimal API 만들기 .NetCore 의 Minimal API 만들기 MS 사이트에서 Tutorial로 있는 예제를 참고하여 간단한 프로젝트를 실습한다. 실습 내용 (환경 : .NET 7.0 / .NET SDK) minimap API 생성과 API 호출 (API 호출 도구) EF DBSet 생성 모델 생성과 마이그레이션 코드 생성 도커로 디비 올리고 API 호출하여 디비에 데이터 등록하기 https://learn.microsoft.com/en-us/aspnet/core/tutorials/min-web-api?view=aspnetcore-6.0&tabs=visual-studio-code Tutorial: Create a minimal API with ASP.NET Core Learn how to build a minimal A.. 공감수 0 댓글수 0 2023. 6. 2.
요청에 대한 응답 코드 목록 웹에서 RestAPI 를 사용하여 요청을 하는 경우, 반환되는 응답 코드가 있는데 자주 보이는 응답코드를 정리함. 자주 보는 응답코드 코드 메시지 설명 200 OK 요청 처리 성공 400 Bad Request 요청 실패. 클라이언트의 요청에 문제가 있음. 404 Not Found 페이지를 찾을 수 없음 500 Internal Server Error 서버 에러 502 Bad GateWay 게이트웨이 상태가 좋지 않음. 예시 (Ajax 비동기 요청) - 200 : Ajax 로 비동기로 서버에 요청을 보내고 서버에서 정상적으로 완료되었을 때 이 응답코드를 보냄 - 404 : http 프로토콜의 url, method가 정상적이지 않을 때 발생 - 500 : IIS 가 내려갔을 때 발생 공감수 0 댓글수 0 2023. 5. 27.
[크롬 오류] Error saving setting with name: previoslyViewedFiles, value length: 4471. Error: Failed to set a name property on 'Storage': Setting the value of 'previouslyViewedFiles' exceeded the quota. 오류가 발생했다. Error saving setting with name: previoslyViewedFiles, value length: 4471. Error: Failed to set a name property on 'Storage': Setting the value of 'previouslyViewedFiles' exceeded the quota. 오류가 발생하면서 size를 쭈욱 나열한다. 위의 오류는 정보가 많이 없었다. 그만큼 흔히 발생하는 오류는 아닌듯 하다. 크롬에서 우리가 흔히 하는 breakpoints, consolelog 등 많은 정보를 따로 Storeage에 저장하고있다. 이러한 정보는 개발자 도구 F12에서는 확인할 수 없다. 개발자 도구에 있는 F12는 우리가 작업한 정보들이 .. 공감수 0 댓글수 0 2023. 4. 10.
[javascript] server에 이미지 파일 전달하기 전에 용량 줄이기 보호되어 있는 글입니다. 공감수 0 댓글수 0 2022. 12. 22.
Base64 이미지를 File 로 변환 보호되어 있는 글입니다. 공감수 0 댓글수 0 2022. 12. 20.
기술 용어 정리 CORS 허용되지 않는 도메인 요청으로부터 API를 보호. 이것을 제대로 구성하면 프런트 엔드 앱이 실행 중인 도메인의 백엔드 허용 목록을 만들 수 있음. 공감수 0 댓글수 0 2022. 12. 7.
VS CODE 단축키 (MAC) 작업영역 파일 목록 간 위치 이동 (Command + Shift + E) 명령 팔레트 열기 (Command + Shift + P) 터미널 열기 공감수 0 댓글수 0 2022. 11. 28.

문의안내

티스토리
로그인
고객센터

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