연의 기록 🪁

WEB50

[스프링부트 입문] 4. 자바 코드로 스프링 빈 직접 등록하기 현재 의존 관계는 위와 같다. 여기서 memberController만 @Autowired를 이용하고 memberService과 memberRepository는 자바 코드를 이용해 스프링 빈에 직접 등록해보려고 한다. 먼저 memberService와 memberRepository는 각각 아래와 같다.(메서드 생략)public class MemberService { private final MemberRepository memberRepository; public MemberService(MemberRepository memberRepository){ this.memberRepository=memberRepository; }}public class MemoryMemberRepos.. WEB/Server 2024. 4. 25.

[스프링부트 입문] 3. 컴포넌트 스캔과 자동 의존관계 설정 DI와 IoC스프링에는 DI(Dependency Injection, 의존성 주입)이라는 개념이 있다. @Autowired가 있으면 스프링이 연관된 객체를 스프링 컨테이너에서 찾아서 넣어주는 것이다. 또 스프링은 @Component 어노테이션이 있으면 스프링 빈으로 자동 등록하고 이런 객체들의 생성, 설정, 관리를 담당한다. 이렇게 프레임워크(스프링)가 객체의 생성과 생명주기를 관리하는 것을 IoC(Inversion of Control, 제어의 역전)이라고 한다. 이렇게 글로만 읽어서는 잘 와닿지 않는다. 예제를 통해 DI와 IoC에 대해 이해해보도록 하자. 코드를 보기 전 MemberController에서 MemberService객체를 사용하려는 상황이라고 가정하자. 이 경우 아래와 같이 선언해서 사용할.. WEB/Server 2024. 4. 25.

[스프링부트 입문] 2. 스프링 웹 개발 기초 개발을 하기 전 스프링에서 웹을 개발하는 3가지 방법에 대해 간단히 살펴보도록 하자. 크게 정적컨텐츠, MVC와 템플릿엔진, API 방식으로 나뉜다.정적 컨텐츠실습정적컨텐츠란 서버에서 따로 작업을 하지 않고 그대로 파일을 웹 브라우저에 내려주는 것이다. 정적이라는 말 그대로 바뀌지 않는 컨텐츠이다. main/resources/static폴더에 hello-static.html파일을 생성하고(cmd+n) 아래 코드를 넣어보자. 정적 컨텐츠 입니다.서버를 실행한 뒤 localhost:8080/hello-static.html로 접속하면 정적컨텐츠입니다.라는 화면이 보일 것이다.동작 원리내부적으로는 웹 브라우저에서 localhost:8080/hello-static.html요청이 온 것을 보고 내장된 Tomcat.. WEB/Server 2024. 4. 25.

[스프링부트 입문] 1. 프로젝트 환경 설정 스프링부트에는 Maven과 Gradle이 있다. 둘 다 필요한 라이브러리를 땡겨오고 빌드 라이프사이클을 관리해주는 역할을 한다. 요즘은 Gradle을 주로 사용한다. 스프링 라이브러리 자체도 Gradle로 프로젝트를 관리하고 있다. 이 글에서는 스프링부트 프로젝트를 생성하고 빌드하는 방법에 대해 다룬다.⭐ 환경macOS, IntelliJ Untimate 버전에서 진행 1. 프로젝트 생성인텔리제이를 열고 New Project버튼을 누른다. 이후 아래와 같이 설정한다.Language, Type, JDK, Java, Packaging부분을 잘 맞춰줘야 한다.그리고 간단하게 웹 어플리케이션을 실행하기 위해 spring web과 Thymeleaf를 프로젝트에 추가해주도록 하자.참고로 spring boot 어플리케.. WEB/Server 2024. 4. 25.

[Airbridge] Api 호출 수 트래킹 개요 api 호출 수를 트래킹하기 위해 airbridge를 사용하게 되었습니다. 본래 airbridge는 광고 성과 분석을 하는데에 사용되는 툴이지만 이벤트를 에어브릿지 서버로 보내고 이를 쉽게 조회하고 필터링할 수 있기 때문에 사용하게 되었습니다. api 호출 수를 트래킹하기 위한 방안을 찾던 중 에어브릿지를 활용하는 방법은 찾지 못했기에 이런 방법도 있다는 것을 알리자는 취지로 글을 작성하게 되었습니다. 사전 준비 먼저 에어브릿지를 사용하기 위해서는 아래 간단한 과정을 거쳐야 합니다. 에어브릿지 회원가입 앱 등록 에어브릿지는 아래 페이지에서 이메일, 비밀번호만으로 간편하게 회원가입 할 수 있습니다. https://www.airbridge.io/ko 에어브릿지 | 모바일 앱 성장을 극대화하세요. 합리적.. WEB/Server 2023. 7. 1.

[Docker] mysql 컨테이너에 iterm으로 접속하기 나의 로컬 mysql은 도커로 구축되어있다. 해당 도커에 접근해서 database를 만드는 과정에 대한 기록이다. 우선 내 도커에 mysql은 mysql_test라는 이름으로 만들어져 있다. database를 만드는 과정은 아래와 같다. docker unpause mysql_test //mysql_test 시작 docker exec -it mysql_test bash // mysql_test컨테이너의 bash쉘 실행 mysql -u root -p //mysql에 root 권한으로 접속 create database kite; // 실행하고 싶은 명령어, kite라는 데이터베이스 생성 여기서 it에 대해 좀 더 자세히 알아보도록 하자. i와 t는 각각 상호입출력과 tty 활성화를 의미한다. i : 상호 입출.. WEB/Server 2023. 5. 7.

[Typescript] Property 'session' does not exist on type 'Request<ParamsDictionary, any, any, ParsedQs, Record<string, any>>'.ts(2339) 에러 📌 문제 상황 require문을 import로 바꾸는 작업을 하던 도중 const express = require(’express’)를 import express from ‘express’로 바꿨더니 아래 부분에서 Property 'session' does not exist on type 'Request'.ts(2339) 에러가 발생했다. 💡 해결 방안 이를 해결하기 위해서는 먼저 @types/express-session을 설치해줘야 한다. 아래 명령어를 실행하도록 하자. npm install -D @types/express-session@1.17.0 이후 그러고나면 req.logout과 req.session.destroy가 각각 콜백함수를 요구하기 때문에 req.logout이 되면 req.sessio.. WEB/Typescript 2023. 5. 7.

[Typescript] Argument of type OOO is not assignable to parameter of type 'Request<ParamsDictionary, any, any, ParsedQs, Record<string, any>>'. 에러 해결 📌 문제 상황 로그아웃 함수에 대한 테스트 코드를 짜던 도중 아래 에러와 마주했다. Argument of type OOO is not assignable to parameter of type 'Request'. 원래 테스트하려는 logout 함수는 아래와 같이 생겼다. ///authService.ts const logout = async (req: Request, res: Response) => { req.logout(() => { req.session.destroy(() => { success(res, statusCode.OK, responseMessage.SUCCESS, { session: req.session, }); }); }); }; 그리고 테스트코드는 다음과 같다. //authService.t.. WEB/Typescript 2023. 5. 7.

[Javascript -> Typescript] 에러 모음 JavaScript로 작성된 코드를 TypeScript로 변경하면서 만났던 많은 에러에 대해 기록해보고자 한다. 타입스크립트는 export나 import가 없으면 스크립트로 해석하기 때문에 같은 이름의 변수를 선언한다면(다른 파일임에도!!!) 에러를 낸다. 파일의 끝에 export {}; 를 추가하면 에러를 해결할 수 있다. 타입스크립트는 함수를 선언할 때 작성한 인자를 넘겨주지 않으면 에러를 낸다. 예시는 다음과 같다. function hihi(a, b) { return a+b; } //자바스크립트는 위 두 상황에 대해 에디터에서 에러를 내지 않지만 타입스크립트는 에러를 낸다. hihi(1); hihi(1,2,3); //만약 사용할 수도 있고 사용하지 않을 수도 있는 인자가 있다면 명시적으로 ?를 붙여.. WEB/Typescript 2023. 4. 26.

[Typescript] Cannot redeclare block-scoped variable ‘OOO’ 이전에 진행했던 프로젝트 리팩토링을 진행하며 javascript로 작성했던 파일의 확장자를 ts로 수정했다. 그러자 Cannot redeclare block-scoped variable ‘OOO’ 에러가 발생했다. 구글링을 통해 얻은 결론은 “타입스크립트는 파일의 top-level에 import나 export가 존재하지 않는 경우 파일을 모듈이 아닌 스크립트 파일로 인식하고, 파일 내에 선언된 변수는 window, global과 같은 전역 스코프에 영향을 미친다.” 이다. 즉 우리의 현재 코드에는 require문만 있어서 변수가 전역 스코프에 영향을 미쳐 같은 이름으로 require를 하면 오류가 발생한다는 것이다. 이것을 해결하기 위해서는 파일의 가장 아래에 export {}; 를 추가해줘서 이 파일은.. WEB/Typescript 2023. 4. 26.

GithubAction을 이용한 CD (feat: appleboy/ssh-actions@master) CD를 하면 보통 codeploy를 이용해 많이 하는 것 같던데 다른 방법 역시 기록해보고자 한다. 서버에 ssh로 접속하여 지정된 명령어를 연속해서 실행해주는 작업을 자동화 하는 방법을 기록한 글이다. 이 방법은 안전하고 공식적인 방법이라기 보다는 야매 느낌이 강하지만 일단 돌아가도록 하는 데에 관심이 있는 사람을 위해 그 방법을 기록해보고자 한다. 사전 요구 사항 EC2 및 배포할 코드 EC2 password로 접속하는 설정 상황 나의 경우 서버에 접속해서 실행되어야 하는 명령어는 아래와 같다. pm2 kill rm -rf dist //타입스크립트 빌드 파일 삭제 git pull origin main //이후 비밀번호 입력 yarn run buildOnly //타입스크립트 파일 빌드 pm2 start.. WEB/Server 2023. 4. 26.

[AWS RDS] 데이터베이스 구축하고 타임존/인코딩 설정하기 백엔드 프로젝트를 진행하다 보면 일반적으로 데이터베이스를 서버에 올리고 작업을 하게 된다. 혼자 작업할 때는 로컬에서 테스트해도 되지만 협업을 할 때에는 같은 데이터베이스를 공유하기 위해 데이터베이스를 서버에 올려야 한다. 1. AWS에 데이터베이스 구축하기 우선 AWS RDS를 이용해 데이터베이스를 서버에 올려보도록 하자. 제일 먼저 아래 aws사이트에 로그인을 해야한다. https://aws.amazon.com/ko/ 클라우드 서비스 | 클라우드 컴퓨팅 솔루션| Amazon Web Services 개발자, 데이터 사이언티스트, 솔루션스 아키텍트 또는 AWS에서 구축하는 방법을 배우는 데 관심이 있는 모든 사용자용 무료 온라인 교육 AWS 전문가가 구축한 500개 이상의 무료 디지털 교육 과정 aws... WEB/Server 2022. 4. 29.

[Source Tree + Github] 브랜치 만들기, Merge 하기 프로젝트를 진행하다보면 브랜치를 파고, 이후 다시 합치는 경우가 굉장히 많다. 소스트리를 통해 이 작업들을 간편하게 할 수 있다. 우선 프로젝트를 할 때는 보통 브랜치를 만들어 작업을 한다. 예를들면 A,B,C,D 파일이 있다고 가정해보자. a는 A파일을 건드리며 "로그인" 기능을 추가할 것이고, b는 B파일을 건드리며 "회원가입" 기능을 만들 것이다. 그리고 a와 b는 공통적으로 C파일을 건드려야 한다. 그렇다면 무슨 일이 발생할까? a와 b는 물론 자신의 로컬 컴퓨터에서 작업한 내용을 깃허브에 끊임없이 push할 것이다. A,B파일에 대해서는 서로 작업한 내용이 겹치지 않으니 충돌이 나지 않지만 C파일에 대해서는 끊임없이 충돌이 발생할 것이다. 이것은 작업을 하는데 큰 방해가 될 것이다. 그래서 사람.. WEB/Server 2022. 1. 28.

[SpringBoot+JDBC] sql like 쿼리문 사용하기 프로젝트 도중 검색 기능을 구현하기 위해 like 쿼리를 사용해야 했다. 그런데 like문의 쿼리문 문법은 아래와 같다. --A를 포함하는 문자 찾기-- SELECT 컬럼명 FROM 테이블 WHERE 컬럼명 LIKE '%A%' 그런데 Springboot 내에서는 쿼리문을 아래와 같이 큰 따옴표("")로 묶는다. //MovieDao 파일 public Writer getWriter(int userIdx) { //sql문 String getUserQuery = "select user_idx,nickname,photo from user where user_idx=?;"; int param=userIdx; return this.jdbcTemplate.queryForObject(getUserQuery, (rs, r.. WEB/Server 2022. 1. 25.

[AWS EC2] Putty로 EC2서버 접속하기(SSH) 📌AWS 계정을 만들고 인스턴스 생성까지 완료했다는 가정 하에 진행합니다 📌putty, puttygen이 설치되어 있어야 합니다. 아래 링크에서 다운로드 가능합니다. https://www.putty.org/ Download PuTTY - a free SSH and telnet client for Windows Is Bitvise affiliated with PuTTY? Bitvise is not affiliated with PuTTY. We develop our SSH Server for Windows, which is compatible with PuTTY. Many PuTTY users are therefore our users as well. From time to time, they need to.. WEB/Server 2021. 10. 13.

[닷홈(dothome)/파일질라(FileZilla)] 무료호스팅, 파일 올리기 웹 프로젝트를 진행한 직후 만든 파일들은 로컬에서만 돌아갈 것이다. 이 파일들을 다른 기기에서도 접근해보고 싶을 수 있는데 가장 간단한 방법은 닷홈을 이용하는 것이다. 닷홈 무료 호스팅을 할 수 있는 업체이다. 간단하게 네이버로 회원가입하면 무료 호스팅 서비스를 신청할 수 있다. 특징은 아래와 같다. https://www.dothome.co.kr/index.php 닷홈 | 호스팅은 닷홈 닷홈은 도메인, 무료 웹호스팅, 웹빌더, 메일호스팅, SSL보안인증서, 서버호스팅, 코로케이션 등 다양한 호스팅 서비스를 제공하고 있습니다. www.dothome.co.kr 위 링크에 들어가서 회원가입을 하고 무료호스팅을 신청하면 된다. 무료 호스팅 사진에 보이는 무료 호스팅을 클릭하고 신청하기를 누르면 된다. 이후 절차.. WEB/Server 2021. 8. 25.

[네이버 클라우드 플랫폼 서버] putty에서 접속하기 https://hoing.io/archives/4778 네이버 클라우드 무료 서버(VM) - 프리티어 - 무료 Micro Server hoing.io 위 글 중간쯤 1년 무료 Micro서버 생성 부분부터 따라가면 무료 서버를 받을 수 있다. 그렇게 해서 받은 서버에 putty를 이용해서 접속할 것이다. 나의 경우 mysql을 깔고 외부에서 접속 가능하도록 하기 위해 서버를 받았다. 필요한 정보 얻기(IP주소, 포트번호, 관리자 비밀번호) 서버를 받은 뒤 콘솔에 들어가면 아래와 같이 서버를 확인할 수 있다. 빨간 네모 부분을 눌러 펼치고 포트 포워딩 정보 아래 있는 네모를 누르면 아래와 같은 창을 볼 수 있다. 빨간 네모를 친 부분에 IP와 포트 번호를 확인할 수 있다. 없다면 추가해주도록 하자. 이후 아.. WEB/Server 2021. 7. 22.

Mysql workbench 외부접속 오류/Failed to Connect to MySQL at [serverIp] with user mysql을 서버에서 설치하고 workbench 에 연결하려고 하는데 그러기 위해서는 세가지 조건이 선행되어야 한다. 1) bind-address부분 주석처리 -> mysql을 외부에서도 접속 하도록 허용하는 작업 아래 코드를 서버에 접속한 상태의 putty 창에 입력해 bind-address부분을 주석처리 했는지 확인 sudo vi /etc/mysql/mysql.conf.d/mysqld.cnf 2) 해당 IP 혹은 모든 IP(%)에서 접근 가능한 계정 생성 아래 코드를 통해 mysql에 root계정으로 로그인 한 뒤 mysql -u root -p 아래 코드를 입력해서 user테이블을 확인한다. SELECT Host,User,plugin,authentication_string FROM mysql.user.. WEB/Mysql 2021. 7. 22.

[JavaScript] 함수 정리 2 - 타이머함수, 콜백(Callback) 함수,비동기 처리방식 타이머 함수 setTimeout(함수,시간) : 일정 시간 후 함수 실행 setInterval(함수,시간) : 시간 간격마다 함수 실행 clearTimeout() : 설정된 Timeout 함수를 종료 clearInterval() : 설정된 Interval함수를 종료 //setTimeout, clearTimeout 사용 예제 const timer = setTimeout(() => {console.log("HI!")},3000) const h1El=document.querySelector('h1') h1El.addEventListener('click', () => { clearTimeout(timer) }) //setInterval, clearInterval 사용 예제 const interval=setInt.. WEB/HTML+CSS+JS 2021. 7. 8.

[JavaScript] 함수 정리 1-화살표함수, 즉시 실행함수(IIFE), 호이스팅(Hoisting) 기본적인 함수 작성법 //함수 정의 const double=function(x,y){ return x*2 } //함수 호출 console.log('double :',double(7)) 화살표 함수 //함수의 축약형 //화살표 함수를 이용해 간단하게 함수를 작성할 수 있다. //const [함수이름] = [(함수 인자- 하나이면 괄호 생략가능)] => [함수가 반환할 내용] const doublearrow = x => x*2 console.log('doublearrow :',doublearrow(7)) //const [함수이름] = [(함수 인자- 없으면 괄호)] => [함수가 반환할 내용] const sh = x => ({name:'kite'}) console.log('sh :',sh(7)) 즉시 실행함.. WEB/HTML+CSS+JS 2021. 7. 8.

[오류해결] ClassNotFoundException: com.mysql.jdbc.Driver 나는 저 오류를 엄청 봤는데 시도한 방법이 굉장히 많다. 구글링을 해보니 해결법이 달라서 하나 하나 해봤었다. 한것들은 아래와 같다. Dynamic Project - src - main - webapp - WEB-INF - lib 폴더에 connector 넣기(jar 파일) Java Build Path에 jar파일 추가 톰캣 서버 깔린 폴더에 jar 파일 추가 JDK 깔린 폴더에 jar 파일 추가 아무리 해도 안되길래 위에 것들을 모두 해보다 보니까 연결이 되었다... 뭐 때문에 해결 된건지는 아직도 모르겠다. 안되는 사람은 위 방법들을 시도해 보면 좋을 것 같다. Dynamic Project에 connector 파일 추가하기 이 방법은 별로 어렵지 않다. 이클립스에서 Dynamic Project 를 보.. WEB/Server 2021. 5. 22.

[오류해결]Unknown database "데이터베이스 이름" 이클립스와 mysql을 연결하는 작업을 하던 중에 아래와 같은 오류가 발생했다. 'connectdb'라는 데이터베이스를 찾을 수 없다는 내용이었는데 문제는 이미 데이터베이스가 있다는 것... 구글링을 아무리 해봐도 database가 없어서 발생하는 오류라고 그러는데 나는 이미 있는 데이터베이스가 없다고 나오니 답답했다. 해결법은 bitnami mysql의 서버를 꺼져있으면 켜짐으로, 켜져있으면 꺼짐으로 바꾸면 된다. 나는 데스크탑에 mysql 을 깔고 bitnami도 깔아놨는데 둘이 뭔가 충돌을 한건지..? 뭐가 문제인지는 모르겠지만 있는 데이터 베이스가 자꾸 없다고 떴었다. 나는 당연히 mysql 서버가 켜져있어야 한다고 생각해서 켜고 했는데 우연히 끄고 해보니까 되더라..? 허탈,,, 우선 위 오류를.. WEB/Server 2021. 5. 22.

이전 1 2 3 다음

티스토리툴바