개발자 도전기

php spreadsheet 셀 스타일 메서드 정리

모건이삼촌 — Thu, 8 May 2025 10:26:58 +0900

php excel의 메서드가 필요할 경우 아래 링크로 이동하길 바람

https://c-uncle-full-stack.tistory.com/168

php excel 셀 스타일 메서드 정리

excel->getActiveSheet()->getStyle("A1:K5")->getAlignment()->setHorizontal(PHPExcel_Style_Alignment::HORIZONTAL_CENTER);// 텍스트 세로 정렬$this->excel->getActiveSheet()->getStyle('A2:K2')->getAlignment()->setVertical(PHPExcel_Style_Alignment::VERTIC

blog.chanyongyang.com

<?
# 너비조절
$spreadsheet->getActiveSheet()->getColumnDimension('A')->setWidth(10);
$spreadsheet->getActiveSheet()->getColumnDimension('B')->setWidth(10);
$spreadsheet->getActiveSheet()->getColumnDimension('C')->setWidth(20);

# 셀 배경색상 변경
$spreadsheet->getActiveSheet()->getStyle('A1:L1')->getFill()->setFillType(\PhpOffice\PhpSpreadsheet\Style\Fill::FILL_SOLID)->getStartColor()->setARGB('e9e9e9');
# 셀 배경색상 변경 - A1부터 L12까지 배경색상 변경
$spreadsheet->getActiveSheet()->getStyle('A1:L12')->getFill()->setFillType(\PhpOffice\PhpSpreadsheet\Style\Fill::FILL_SOLID)->getStartColor()->setARGB('e9e9e9');

# 셀 정렬 -> 가로정렬
# 가로정렬 -> 가운데 정렬
$spreadsheet->getActiveSheet()->getStyle("A1:H1")->getAlignment()->setHorizontal(\PhpOffice\PhpSpreadsheet\Style\Alignment::HORIZONTAL_CENTER);
# 가로정렬 -> 좌측 정렬
$spreadsheet->getActiveSheet()->getStyle("B2:B2")->getAlignment()->setHorizontal(\PhpOffice\PhpSpreadsheet\Style\Alignment::HORIZONTAL_LEFT);
# 가로정렬 -> 우측 정렬
$spreadsheet->getActiveSheet()->getStyle("F2:H2")->getAlignment()->setHorizontal(\PhpOffice\PhpSpreadsheet\Style\Alignment::HORIZONTAL_RIGHT);
# 가로정렬 -> 양쪽 정렬
$spreadsheet->getActiveSheet()->getStyle("F2:H2")->getAlignment()->setHorizontal(\PhpOffice\PhpSpreadsheet\Style\Alignment::HORIZONTAL_JUSTIFY);
# 가로정렬 -> 병합된 셀 가운데 정렬
$spreadsheet->getActiveSheet()->getStyle("F2:H2")->getAlignment()->setHorizontal(\PhpOffice\PhpSpreadsheet\Style\Alignment::HORIZONTAL_CENTER_CONTINUOUS);
# 가로정렬 -> 균등 정렬
$spreadsheet->getActiveSheet()->getStyle("F2:H2")->getAlignment()->setHorizontal(\PhpOffice\PhpSpreadsheet\Style\Alignment::HORIZONTAL_DISTRIBUTED);


# 세로 정렬 -> 상단 정렬
$spreadsheet->getActiveSheet()->getStyle("A1:H1")->getAlignment()->setVertical(\PhpOffice\PhpSpreadsheet\Style\Alignment::VERTICAL_TOP);
# 세로 정렬 -> 하단 정렬
$spreadsheet->getActiveSheet()->getStyle("A1:H1")->getAlignment()->setVertical(\PhpOffice\PhpSpreadsheet\Style\Alignment::VERTICAL_BOTTOM);
# 세로 정렬 -> 가운데 정렬
$spreadsheet->getActiveSheet()->getStyle("A1:H1")->getAlignment()->setVertical(\PhpOffice\PhpSpreadsheet\Style\Alignment::VERTICAL_CENTER);
# 세로 정렬 -> 양쪽 정렬
$spreadsheet->getActiveSheet()->getStyle("A1:H1")->getAlignment()->setVertical(\PhpOffice\PhpSpreadsheet\Style\Alignment::VERTICAL_JUSTIFY);
# 세로 정렬 -> 균등 정렬
$spreadsheet->getActiveSheet()->getStyle("A1:H1")->getAlignment()->setVertical(\PhpOffice\PhpSpreadsheet\Style\Alignment::VERTICAL_DISTRIBUTED);

//윤곽선
$spreadsheet->getActiveSheet()->getStyle('A1:L'.$i)->getBorders()->getAllBorders()->setBorderStyle(\PhpOffice\PhpSpreadsheet\Style\Border::BORDER_THIN);

귀찮으니 여기까지만... 나중에 생각나면 더 적겠음

며칠전 부터 일하다가 문득

모건이삼촌 — Thu, 12 Dec 2024 20:49:52 +0900

코틀린이 공부하고 싶어졌다.

코틀린 기본 문법부터 지원되는 각종 함수, 라이브러리를 정리하고

간단한 백단을 구성해서 스웨거로 테스트 및 배포까지 진행해볼예정

php excel 셀 스타일 메서드 정리

모건이삼촌 — Wed, 27 Nov 2024 13:39:33 +0900

<?

// 텍스트 가운데 정렬
$this->excel->getActiveSheet()->getStyle("A1:K5")->getAlignment()->setHorizontal(PHPExcel_Style_Alignment::HORIZONTAL_CENTER);

// 텍스트 세로 정렬
$this->excel->getActiveSheet()->getStyle('A2:K2')->getAlignment()->setVertical(PHPExcel_Style_Alignment::VERTICAL_CENTER);

// 테두리
$this->excel->getActiveSheet()->getStyle("A1:K5")->getBorders()->getAllBorders()->setBorderStyle(PHPExcel_Style_Border::BORDER_THIN);

// 배경색
$this->excel->getActiveSheet()->getStyle("A1:K1")->getFill()->setFillType(PHPExcel_Style_Fill::FILL_SOLID)->getStartColor()->setARGB("FFD3D3D3");

// 배경색2
$this->excel->getActiveSheet()->getStyle("A2")->getFill()->setFillType(PHPExcel_Style_Fill::FILL_SOLID)->getStartColor()->setARGB("FFFFFF00");
$this->excel->getActiveSheet()->getStyle("C2:H2")->getFill()->setFillType(PHPExcel_Style_Fill::FILL_SOLID)->getStartColor()->setARGB("FFFFFF00");

// 볼드체 변경
$this->excel->getActiveSheet()->getStyle('A2')->getFont()->setBold(true);
$this->excel->getActiveSheet()->getStyle('C2:H2')->getFont()->setBold(true);

// 개행처리
$this->excel->getActiveSheet()->getStyle('F2')->getAlignment()->setWrapText(true);

// 셀 병합
$this->excel->getActiveSheet()->mergeCells('A1:E1');

// 폰트 크기
$this->excel->getActiveSheet()->getStyle('A1')->getFont()->setSize(18);


?>

window.onload(js)와 $(document).ready(jquery)의 차이

모건이삼촌 — Wed, 17 Jan 2024 22:18:48 +0900

js의 window.onload (이하 onload)와 jquery의 $(document).ready (이하 ready)의 차이에 대해서 알아보겠다.

우선 나는 두 함수를 그냥 페이지가 로드될 때 실행되는 함수라고만 생각했으나, 호출 시점의 차이가 있다고 한다.

간단하게 아래 예제를 보겠다.

// 호출 시점에 대한 차이

window.onload = function() {
	alert("a");
}

$(document).ready(function() {
	alert("b");
});

$(document).ready(function() {
	alert("c");
});

위 코드의 실행 순서는 b -> c -> a가 된다

왜 ready가 먼저 실행될까??? 우선 onload부터 알아보자

0. HTML 문서의 처리 및 렌더링 과정

HTML 문서 파싱 : 브라우저가 HTML문서를 받아들이고, 파싱하여 DOM Tree 형성
정적자원 로드 : DOM Tree 형성 후 html문서에 포함된 외부 정적자원(image, stylesheet, script)로드
로딩이 완료된 후 js가 실행되어 추가적인 자원 로드 (동적페이지)

1. window.onload

- 모든 구성요소를 로딩 시킨 후 호출

- dom의 모든 구성요소가 로드되고, 정적자원(이미지 등)이 로드 되면 실행이 되는 함수이다.

- 동일한 문서에는 오직 하나의 onload만 실행된다.

- onload를 중복선언했을 경우 가장 마지막 onload만 실행된다.

- window 객체가 실행되었을 때 혹은 원하는 돔 객체가 로드되었을 때 실행할 수 있다.

document.getElementById('name').onload = function() {
	alert('실행');
}

- jquery의 load는 onload와 같은 동작을 하는 함수이다.

1-1. DOMContentLoaded

- ready와 실행시점이 같다.

- ready처럼 중복해서 사용할 수 없다. (이벤트 리스너의 규칙, 중복 등록시 마지막에 등록한 리스너만 실행됨)

- 사용방법은 아래와 같다.

document.addEventListener('DOMContentLoaded', function() {
	alert('DOM 로드된 후 실행');
});

2. $(document).ready

- DOM Tree가 완성되면 바로 실행된다.

- 빠른 실행속도가 필요할 때 사용

- 여러번 사용되면 선언 순서에 따라 순차적으로 모두 실행된다.

2-1. $(function() {})

- $(document).ready와 같다 사용방법은 아래와 같다.

$(function() {
	alert("DOM 로드된 후 실행");
});

3. DOM(Document Object Model)트리란 무엇인가? *이해를 돕기위함

- DOM Tree란 HTML 또는 XML 문서의 구조를 계층적으로 나타낸것, 각 구성요소를 노드(node)라고 부르며 node는 객체(object)로 표현된다.

3-1. node의 종류

Document Node : 문서 전체를 나타내는 최상위 노드 (html)
Element Node : html요소 (p, div, ul 등)
Attribute Node : html요소의 속성 (id 등)
Text Node : 요소의 텍스트 내용 (<h1>hello</h1> 의 hello 부분)
Comment Node : 주석
Document Type Declaration Node : html문서의 형식 선언문 (!DOCTYPE html)

3-2 부모(parent)와 자식(child) 관계

- 한 노드가 다른 노드를 포함하는 경우 그 노드는 부모이고, 포함되는 노드는 자식이 된다.

<div>
	<p>child</p>
   	<p>child</p>
<div>

- 위 예제에서 div태그가 부모, p태그가 자식 관계가 성립된다.

4. 정리

- onload와 ready에 대해서 알아보았다. 비슷한 성질을 가지고 있지만, 실행시점은 다르다. (ready가 더 빠름)

- ready와 비슷한 DOMContentLoaded 이벤트가 있다.

- onload는 모든 정적자원이 로드되었을 때 실행되므로 자원들이 로드되었을 때의 이벤트를 생각한다면 사용하는게 좋다.

- jquery를 사용하지 않는경우 DOMContentLoaded를 사용을 고려해볼만하다.

- ready는 $(function() {})으로 축약하여 사용할 수 있다.

- 대용량 동영상과 같은 큰 리소스는 리소스를 가져오는 함수를 ready에 사용하는게 적합하다.

23-11-28 windows 개발환경에 php 설치

모건이삼촌 — Tue, 28 Nov 2023 20:12:04 +0900

1. php 설치

https://windows.php.net/download/

링크에 들어가 버전에 맞는 php 설치

2. 압축 해제 및 ini 파일 수정

2-1. 필자는 C:\php8.3.0 에 압축을 해제함

2-2. php.ini-development 파일을 복사 붙여넣기 해서 php.ini 파일로 이름 변경

2-3. php.ini 파일을 vscode 에서 열고 ctrl+f로 본인이 원하는 기능을 찾아 주석을 해제해야함

- extension_dir = 'C:\php8.3.0\ext'

- extension의 경로를 설정

- short_open_tag = on

- <?php 태그 사용 on

- 위는 필수적으로 해주고 나머지는 찾아서 하시길..

3. php 환경변수 등록

jwt 관련 정리글 (만료시간, 토큰 생성 및 통신, 시나리오)

모건이삼촌 — Wed, 25 Oct 2023 00:31:04 +0900

※ 아래 글을 읽기전 확인사항

1. 필자는 MEVN(MongoDB, Express.js, Vue.js, Node.js) 프로젝트를 하고있음

2. refresh 토큰과 access 토큰을 사용

3. refresh 토큰은 redis에 저장하여 사용

※ 만료시간 관련

1. jwt 인증시간을 설정하면 앞단에서 만료시간을 정할 필요가 없음.

- 토큰의 만료시간은 토큰을 검증하는 과정속에서 내가 정해둔 만료시간을 확인하고 만료시간 도달시 재발급 하는 수순으로 작업하게됨 (지우게 된다면 좀 끔찍해질수도..)

2. 그러나 redis의 만료시간은 설정해주는게 좋을거 같음 (개인적인 생각)

- 불필요한 리소스를 삭제하는게 옳다고 생각하기 때문 (물론 refresh token의 만료시간은 길다.)

※ 토큰 생성 및 통신

1. 토큰 생성

1-1. id, pw값을 json에 담아 백엔드 login api로 전송(axios) - front

1-2. 프론트에서 전송된 값을 토대로 access토큰, refresh토큰 생성 - back

1-3. refresh토큰을 redis에 저장, res.json으로 access, refresh 토큰을 front로 전송 - back

1-4-1. response.data로 백엔드에서 전송된 토큰값을 vue-cookies를 사용하여 쿠키로 저장 - front

1-4-2. response.data로 백엔드에서 전송된 토큰값을 localStorage 혹은 sessionStorage에 저장 -front

2. 토큰 시나리오(login 상태 확인, 권한 확인 등을 위한)를 위한 통신

2-1. localStorage 혹은 sessionStorage 혹은 vue-cookies에 담겨있는 토큰값을 headers에 담아 백엔드로 전송 - front

2-2. 토큰 검증 후 토큰 시나리오 진행 - back

※ 토큰 시나리오

0. 토큰이 있다(설정해둔 만료시간이 유효하다), 토큰이 없다(설정해둔 만료시간이 유효하지 않다) 라고 이해하는게 빠름 타 블로그에 정리글을 볼 때 시나리오 관련해서 토큰이 있다, 없다로 나눠서 글을 작성하는데 있고, 없고는 토큰의 만료시간이 유효한지, 유효하지 않은지 라고 생각하면 더 편함 (개인적인 생각)

1. refresh토큰과 access토큰이 있다 -> 해당 페이지 route

2. refresh토큰은 있으나 access토큰은 없다 -> 기존 access토큰의 payload값을 decoded한 후 newAccess토큰 발급

3. refresh토큰은 없고 access토큰은 있을경우 -> access토큰을 기반으로 newRefresh토큰 발급

4. 둘 다 없는경우 -> 로그인 페이지로 안내 (로그인이 안되어있음)

23-09-10 passport를 활용하여 login기능 구현

모건이삼촌 — Sun, 10 Sep 2023 22:57:38 +0900

※ 목차

패키지 구조
passport 동작 과정
auth.js
local strategy.js, index.js
middlewares.js
app.js 적용
postman test
후기

0. 패키지 구조

1. passport 동작 과정

routes/auth.js
/login 으로 POST요청이 올경우 passport.authenticate실행.
첫번째 매개변수(전략)을 통해 내가 설정한 전략을 실행함.
* local 전략이라는 가정하에 작성

passport/localStrategy.js
LocalStrategy 객체에 내가 options으로 설정한 필드값을 검증받아 객체 생성
상수(이하 user)에 id를 req.params값으로 받아 db에서 id탐색
탐색 후 찾는 id가 있다면 비밀번호 검증 실행
검증 후 비밀번호가 일치하면 done(null, user) 리턴
id 혹은 비밀번호가 일치하지 않으면 message 전송

routes/auth.js
다시 돌아와 user값이 있으면 session에 값 저장
session id를 cookie에 저장
user가 없거나 서버에 에러가 났을경우 에러메세지 출력

passport/index.js
login 검증이 끝나면 passport.serializeUser실행
req.user 호출시 deserializeUser을 실행하여 response

위 설명을 그림으로 표현하자면 아래와 같다.

2. auth.js
2-1. 회원가입 로직 생성
root/models/member.js

const mongoose = require('mongoose');
const bcrypt = require('bcrypt');

const Account = new mongoose.Schema({
	//unique를 사용하여 중복방지, required를 사용하여 not null
    username : {type:String, unique:true, required: true},
    pw : {type:String, required: true},
    nickName : {type:String, required: true},
    // default:Date.now()를 사용하여 가입날짜 지정
    regDate: {type:Date, default:Date.now()},
    updateDate:{type:Date, default: Date.now()}
});

Account.statics.create = async function(payload) {
    const member = new this(payload);
    // bcrypt를 사용하여 pw 암호화
    member.pw = await bcrypt.hash(payload.pw, 10);
    return member.save();
};

module.exports = mongoose.model("Member", Account);

root/routes/members.js

const router = require('express').Router();
const Member = require('../models/member');

const register = router.post('/signup', (req, res) => {
    Member.create(req.body)
        .then(member => res.send(member))
        .catch(err => res.status(500).send(err));
});

module.exports = router;

2-2. 로그인 로직생성
root/routes/auth.js

const express = require('express');
const passport = require('passport');
const bcrypt = require('bcrypt');
const Member = require('../models/member');
const {isLoggedIn, isNotLoggedIn} = require('./middlewares');
const router = express.Router();

router.post('/login', isNotLoggedIn, (req, res, next) => {
    console.log('login user ->', req.body);
    // local은 local전략을 사용하겠다는 뜻
    // passport.authenticate가 실행되면 전략에 맞춰 구성해놓은 전략이 실행됨
    // 예를들어 local로 지정해놨다하면 passport/localStrategy.js가 실행되어 회원검증을 함
    passport.authenticate('local', (err, member, info) => {
        if(err) {
            console.error(err);
            return next(err);
        }
        if(!member) {
            return res.redirect(`/auth/?loginError=${info.message}`);
        }
        return req.login(member, loginError => {
            if(loginError) {
                console.error(loginError);
                return next(loginError);
            }
            // return res.json({message:"로그인"});
            // return res.send(member);
            
            // 로그인 검증이 끝나면 http://localhost로 redirect
            return res.redirect('/');
        });
    })(req, res, next);
});
   
router.get('/logout', isLoggedIn, (req, res) => {
    req.logout()
    req.session.destroy();
    res.redirect('/')
});

module.exports = router;

* 필자는 Missing Credentials에러가 나서 에러를 해결했는데, 원인을 확인해보니 localStratege.js 설정중 회원을 제대로찾지 못해 나온 에러였다. 본인이 js를 잘 하지 못하면 log를 찍어 코드가 어디까지 통과했는지 어디서 막혔는지 잘 찾아내는게 중요하다.

3. LocalStrategy.js, Index.js
3-1. root/passport/localStrategy.js

const passport = require('passport');
const LocalStrategy = require('passport-local').Strategy;
const bcrypt = require('bcrypt');

const Member = require('../models/member');

module.exports = () => {
    passport.use(
        new LocalStrategy(
            {
            // 본인이 구성한 Member Schema대로 필드값을 받아야한다
            // 예를들어 id의 Documnet가 userId일경우 usernameField에 userId라고 적어야 한다.
            // pw도 위와 같다.
                usernameField : 'username', // 
                passwordField : 'pw',
            },
            // exUser를 먼저 찾아와야하기 때문에 콜백함수(async, await) 사용
            async (username, pw, done) => {
                try {
                    console.log(username);
					
                    // usernameField에 적혀진대로 username을 받아 db에 값이 있는지 찾는다.
                    const exUser = await Member.findOne({ username : username});
                    console.log("exUser : ", exUser)
                    if(exUser) {
                    	// 값이 있는지 확인 후 pw 검증
                        const result = await bcrypt.compare(pw, exUser.pw)
                        if(result) {
                        	// pw 일치시 done 호출
                            return done(null, exUser);
                        }else {
                        	// pw 일치하지 않을경우 message 출력
                            done(null, false, {message : '비밀번호가 일치 하지 않습니다.'})
                        }
                        // exUser를 찾지못했을경우 message 출력
                        done(null, false, {message : '가입되지 않은 회원입니다.'})
                    }
                }catch (err) {
                    console.error("err =",err)
                    done(err)
                }
            },
        ),
    );
};

3-2. root/passport/index.js

const passport = require('passport');
const local = require('./localStrategy');
const Member = require('../models/member');

module.exports = () => {
	// passport를 사용하여 로그인이 성공했을때 실행
    passport.serializeUser((user, done) => {
        console.log('serializeUser -> ', user)
        done(null, user.username);
    })

	// 로그인한 유저정보를 호출했을시(req.user) 실행
    passport.deserializeUser((username, done) => {
        Member.findOne({username: username})
            .then(user => done(null, user))
            .catch(err => done(err));
    })

    local();
}

4. middlewares.js

exports.isLoggedIn = (req, res, next) => {
    if(req.isAuthenticated()) {
        next();
    }else {
        res.status(403).send('로그인 필요');
    }
};

exports.isNotLoggedIn = (req, res, next) => {
    if(!req.isAuthenticated()) {
        next();
    } else {
        const message = encodeURIComponent('로그인한 상태입니다.');
        res.redirect(`/?error=${message}`);
    }
};

5. app.js 적용

require('dotenv').config();

const mongoose = require('mongoose');
const createError = require('http-errors');
const express = require('express');
const path = require('path');
const cookieParser = require('cookie-parser');
const logger = require('morgan');
const indexRouter = require('./routes/index');
const bodyParser = require("body-parser");
const app = express();
const cors = require('cors')


/* cors start */
const corsOptions = {
    origin: 'http://localhhost:3000', // 배포시 주석
    // origin: 'https://pf6.chanyongyang.com:3000', // 배포시 주석 해제
    credentials: true
}

app.use(cors(corsOptions));
/* cors end */

/* passport start */
const passportConfig = require('./passport');
const session = require('express-session');
const passport = require('passport');
passportConfig();
app.use(cookieParser(process.env.COOKIE_SECRET));
app.use(
    session({
    resave: false,
    saveUninitialized: false,
    secret: process.env.COOKIE_SECRET,
    cookie: {
        httpOnly:true,
        secure: false // https일경우 true
    },
}));
app.use(passport.initialize());
app.use(passport.session());
app.use('/auth', require('./routes/auth'));
/* passport end */

app.use(bodyParser.urlencoded({extended: true}));
app.use(bodyParser.json());

const Member = require('./models/member');

/* MongoDB connect start */
const uri = process.env.MONGODB_URI;
mongoose.connect(uri, { useNewUrlParser: true, useUnifiedTopology: true });
const db = mongoose.connection;
db.on('error', console.error);
db.once('open', function(){
  console.log("Connection Success");
});
/* MongoDB connect end */


module.exports = app;

6. postman test

6-1. 회원가입

6-2 login
6-2-1. root/routes/index.js

var express = require('express');
var router = express.Router();

/* GET home page. */
router.get('/', function(req, res, next) {
  if(req.user) {
    console.log("req.user = ", req.user);
    console.log(req.user);
    console.log(req.user.username);
  }
  res.render('index', { title: 'Express' });
});

module.exports = router;

6-2-2. postman

6-2-3. log 출력

{
  _id: new ObjectId("6502b77354db2b91d0174d3b"),
  username: 'tistory',
  pw: '$2b$10$/teaT1QROYwgjsOwQpR/F.55tVpoYQd1H3RjgOkJ/0bmYPNIppvim',
  nickName: 'loginTest',
  regDate: 2023-09-14T07:34:07.679Z,
  updateDate: 2023-09-14T07:34:07.679Z,
  __v: 0
}
tistory

7. 후기
js를 가지고 백엔드 구축하는데 있어 어려움을 많이 느꼈다.
다 하고나서 spring security의 인증부분과 상당히 비슷하다고 느꼈다(사실 처음부터 느꼈더라면 금방 구현했을텐데..)
이 글을 읽고있는 여러분도 에러없이 금방 구현하길 바란다.

23-09-09 jetbrains datagrip에 mongodb cluster 연결하기

모건이삼촌 — Sat, 9 Sep 2023 22:20:02 +0900

나는 Spring data JPA를 사용할 때 직접 쿼리를 생각하고 생각한 쿼리대로 코드를 작성했었다.

MEVN 프로젝트중 MongoDB는 첫 사용을 하는것이라 코드를 작성하면서 자꾸 헷갈릴때가 있었다.

datagrip에 직접 쿼리를 날리고 백엔드 코드를 작성하면서 빠르게 MongoDB를 익혀야겠다는 생각에 이 글을 작성한다.

datagrip에 mongodb cluster를 연결하는방법에 대해 구글링 해봤지만 모두 local에서 연결하는 법만 나왔고 그냥 내가 알아서 해봐야겠다는 생각에 직접 해봤는데 정말 간단했다. (사실 이렇게 간단한걸 여러시도끝에 해낸 내가 바보같긴함)

연결방법은 아래와 같다.

* 아래 방법은 mongodb 클러스터 생성, datagrip설치를 생략하고 진행

1. mongodb 로그인

- 로그인 후 Connect 클릭

- Drivers 클릭

- 위 부분만 복사 후 uri 맨 끝부분에 본인이 연결하고자 하는 document name 작성

- ex)mongodb+srv://사용자명:비밀번호@mevn.deasdzr.mongodb.net/document명

2. datagrip 실행 및 mongodb 연결

- 좌측 탭에 +버튼 클릭

- 데이터소스, MongoDB 클릭

- URL부분에 1번에서 복사한 URL입력 후 하단 연결테스트 클릭

* URL을 입력하면 사용자와 비밀번호는 알아서 채워진다.

- 테스트 성공시 확인을 누르면 연결 성공이다.

3. 간단한 쿼리 테스트

연결한 document에 data값을 출력하는지에 대한 테스트다.

- 정상적으로 출력하는걸 볼수있다

23-08-29 Jest #1 설치 및 설정

모건이삼촌 — Tue, 29 Aug 2023 13:49:05 +0900

1. 설치

npm install --save-dev

2. 설정

pakage.json "test" 구문 변경

기존 >> "test" : "??"
변경 >> "test" : "jest"

{
  "name": "board-back",
  "version": "0.0.0",
  "private": true,
  "scripts": {
    "start": "node ./bin/www",
    "test" : "jest"
  },

입력

3. 간단한 테스트

3-1. fn.js 파일 생성

const fn = {
  add: (num1, num2) => num1 + num2,
};

module.exports = fn;

- 숫자 2개를 받아 더하는 함수를 만듬

3-2. fn.test.js 파일 생성

// 3-1에서 작성한 fn을 가져옴
const fn = require('./fn');

// test('테스트 코드에 대한 설명 / 1 = 1이 된다.') 
test('1 = 1', ()=> {
	// expect(테스트 대상).toBe(예상값)
  expect(1).toBe(1);
});

// 테스트 성공
test('2 + 3 = 5', ()=> {
  expect(fn.add(2, 3)).toBe(5);
});

// 테스트 실패
// 3 + 3 = 6이기 때문에 FAIL 출력
test('3 + 3 = 5', ()=> {
  expect(fn.add(3, 3)).toBe(5);
});

3-3 테스트 실행

- 터미널에 npm jest 입력

npm jest

3-2 에서 설명한것과 같이 어디에서 실패했는지 알려준다.

23-07-12 JAVA / Spring Bean Life Cycle

모건이삼촌 — Wed, 12 Jul 2023 21:46:03 +0900

0. 목차

JAVA 객체의 Life Cycle
Spring Bean의 Life Cycle
References

1. JAVA 객체의 Life Cycle

객체의 Life Cycle에 대해 알아보자.

아래와 같이 크게 5단계로 나눌 수 있다.

객체생성
초기화
사용중
Finalized
소멸

1-1. 객체 생성

객체를 위한 메모리 공간을 Heap 영역에 할당, 클래스(설계도)로 부터 객체(완제품)을 new 키워드를 사용하여 생성

1-2. 초기화

객체가 생성되면 해당 객체의 인스턴스 변수들이 기본값으로 초기화 되며 생성자를 통해 인스턴스 변수를 원하는값으로 설정할 수 있다.

1-3. 사용중

초기화된 객체는 다른 객체에 의해 참조되어 있는 상태이다.

메서드 호출, 변수 조작 등과 같은 작업을 통해 객체를 활용할 수 있고 이 단계에서 여러기능을 수행하고 다양한 상태를 가질수 있다.

Garbage Collector의 대상이 되지 않는다

* Garbage Collector(이하 GC)

GC란 JVM내에서 메모리 관리를 담당하는 주요 구성요소이다.

동적으로 할당한 객체들 중에서 더이상 사용되지않는 객체를 찾아내고, 해당 객체들이 사용한 메모리를 자동으로 회수한다.

개발자는 명시적으로 메모리를 해제할 필요가 없으며 GC가 자동으로 더 이상 참조되지 않는 객체를 탐지하여 회수한다.

1-4. Finalized

finalizer를 통해 finalize가 실행된 후의 상태,

객체의 finalize()가 정의되어 있을 경우 실행된다.

finalize()가 정의되어 있지 않을경우 GC의 stack에 추가된다

1-5. 소멸

객체가 더이상 사용되지 않을때 GC에 의해서 소멸(메모리의 반환) 된다.

1-6. 결론

JAVA의 객체는 new 키워드를 통해 Heap영역에 객체를 생성하며 객체내 변수들을 초기화 하고, 사용되며 사용이 끝날시 GC에 의해 소멸된다.

2. Spring Bean의 Life Cycle

Bean 객체의 Life Cycle에 대해 알아보자.

아래와 같이 크게 4단계로 나눌수 있다.

인스턴스화
의존성주입
초기화
사용중
소멸

2-1. 인스턴스화

Bean 객체의 인스턴스를 생성, Bean 클래스의 기본생성자를 호출하여 객체를 생성한다.

2-2. 의존성 주입(DI / Dependency Injection)

생성된 Bean 객채에 대해 의존성을 주입한다.

과정은 아래와 같다.

Spring IoC 컨테이너 생성
어노테이션과 설정파일을 읽어 IoC컨테이너 안에 Bean으로 등록

의존성 주입은 2가지 방법으로 나뉜다

생성자 주입
Setter 주입

2-2-1. 생성자 주입

객체의 생성과 의존관계 주입이 동시에 일어남

* 생성자 주입으로 인한 이점

1) null을 주입하지 않는 한 NullPointerException은 발생하지 않는다.

2) 의존관계를 주입하지 않은 경우 객체를 생성할 수 없다.

- 의존관계에 대한 내용을 외부로 노출시킴으로써 컴파일 타임에 오류를 잡아낼 수 있다.

2-2-2. Setter 주입

객체의 생성 -> 의존관계 주입으로 라이프 사이클이 나누어져 있음

2-3. 초기화

Bean객체는 초기화되기 전에 초기화 콜백 메서드를 호출할 수 있다.

InitializingBean 인터페이스를 구현하거나 @PostConstruct 어노테이션을 사용하여 초기화 콜백 메서드를 지정할 수 있다.

이 단계에서 Bean객체를 초기화하고 필요한 설정을 수행할 수 있다.

2-4. 사용중

Bean객체들과 협력하여 비즈니스 로직을 수행하거나 필요한 작업을 수행함

2-5. 소멸

Bean객체가 더 이상 필요하지 않게 되면 소멸한다.

DisposableBean 인터페이스를 구현하거나 @PreDestroy 어노테이션을 사용하여 소멸 콜백메서드를 지정할 수 있다.

이 단계에서 리소스 해제 또는 정리작업을 수행할 수 있다

2-6. 결론

Spring 프레임워크는 Bean객체의 Life Cycle을 자동으로 관리해주며 Bean객체를 초기화하고, 필요한 의존성을 주입한다.

애플리케이션이 종료될때 Spring은 등록된 Bean객체들의 소멸 메서드를 호출하여 리소스를 정리하고 필요에 따라 초기화와 소멸단계에서 추가적인 로직을 구현할 수 있다.

3. References

3-1. Blog 1

https://lemontia.tistory.com/649

3-2. Blog 2

https://dev-coco.tistory.com/170