Quocunque Jeceris Stabit

[베트남] 나트랑 여행시 필수 품목! 샤워기 필터

ellapresso — Fri, 5 Apr 2024 16:32:52 +0900

베트남 여행을 계획하고 있다면 반드시 샤워기 필터를 구비할것을 추천한다.
다이소에서 샤워기헤드와 3개짜리 필터로 충분히 쟁여갈 것.

내가 묵은 숙소는 나트랑 시내의 엠피리언 호텔과 깜란지역의 퓨전 리조트였는데,
만약 깜란지역에서 숙소를 잡은 사람이라면 필터는 더더욱 넉넉히 챙길것을 당부한다.

아래 사진에서 왼쪽부터 1,2,3,4번 필터라고 칭하겠다.

퓨전리조트에서 사용한 필터들.2박 3일간 4개면 충분할거라고 생각했는데...

이틀간 사용한 필터인데, 3,1,4,2 순서대로 더러운것을 확인 할 수 있다.
첫날 저녁 사용한 필터는 버려서 사진에 없지만, 2번 필터와 거의 동일했다. 단 두번 샤워했을 뿐인데....
대체적으로 퓨전 리조트에서 아침~낮에 샤워하면 1,3번 정도가 된다. 샤워 한번 하는동안에.
그런데 취침전이나 저녁쯤 샤워를 하면 2,4번이 된다.

너무 더럽다.

필터 없이 씻었다면 강력한 자외선이 아니라 물때문에 피부 상할뻔 했다.

엠피리언 호텔에서는 1박동안 3번 필터정도만 더러워졌었고 넉넉히 교체하면서 사용했었다.

다이소에서 3개짜리 묶음 필터 6개 사갔는데 솔직히 말하면 더 사가서 그냥 씻을때마다 교체했어도 됐을것 같다..

nodejs 외부 모듈 인증창 띄우기 - CSP 설정 - helmet

ellapresso — Tue, 11 Jul 2023 18:42:13 +0900

CSP는 Content Security Policy(콘텐츠 보안 정책)의 약자입니다.
이는 웹사이트 보안을 강화하는 데 사용되며, 기본적으로 웹사이트에서 로드되는 리소스(이미지, 폰트, 스크립트 등)들의 출처를 명시하고, 웹사이트에 포함된 스크립트 실행을 제한하는 기능을 제공합니다.
이를 통해 사이버 공격 유형 중 하나인 XSS(Cross-Site Scripting) 공격을 방지할 수 있습니다.

외부 모듈(예를 들면 nice 인증)과 통신하여 해당 모듈을 열어야 할 때,
백엔드에서 강제로 submit하는 스크립트를 실행시켜주는 모듈을 렌더링 시켜 줄 수도 있겠다

이때 주의해야 할 점은, 해당 렌더링 된 화면에서 스크립트를 통한 공격인데
helmet이라는 모듈이 이를 방어해준다.

단 외부 모듈에서 해당 스크립트를 실행시켜야 할 경우, 예외처리를 해주어야 하며 나는 nonce를 사용하여 허용된 스크립트만 실행 되도록 처리했다.

  app.use((req, res, next) => {
    res.locals.cspNonce = crypto.randomBytes(16).toString('hex');
    next();
  });

  app.use(
    helmet({
      contentSecurityPolicy: {
        directives: {
          scriptSrc: ["'self'", (req, res) => `'nonce-${res.locals.cspNonce}'`],
          formAction: ["'self'", 'https://foo-bar-url'],
        },
      },
    })
  );
}

위 코드처럼 미들웨어에서 nonce를 발행 한 후, 렌더링 되어야 하는 코드의 스크립트에서 nonce로 넣어준다.

[redis] redis-cli 명령어

ellapresso — Thu, 6 Apr 2023 16:29:06 +0900

깃블로그에 정리해서 옮겨쓰기 전 날려쓰는 메모

클러스터에 새로 노드 추가 하고나서 슬롯 재분배
redis-cli --cluster rebalance {host}:{port} --cluster-use-empty-masters

노드 하나 닫기
redis-cli -h {host} -p {port} shutdown

클러스터 정보
redis-cli --cluster info {host}:{port}

클러스터 노드들의 설정 변경사항 한번에 저장
redis-cli --cluster call {host}:{port} cluster rewrite

클러스터 체크
redis-cli --cluster check {host}:{port}

클러스터에서 노드 하나 제거 (마스터 일 경우, 할당 된 슬롯이 없어야 함)
redis-cli --cluster del-node {host}:{port}

[redis] cluster mode에 노드 추가하기

ellapresso — Thu, 6 Apr 2023 15:25:33 +0900

https://ellapresso.tistory.com/119 선행

위링크와 같은 방식으로 서버 두대를 더 띄움(master-rep 또는 원하는 서버로 준비)

# 마스터 노드 추가
redis-cli --cluster add-node 127.0.0.1:7004 127.0.0.1:7001
# 복제본 추가
redis-cli --cluster add-node 127.0.0.1:8004 127.0.0.1:7004 --cluster-slave

일단은 추가됨. 그런데 배정받은 슬롯이 없음.

redis-cli --cluster info 127.0.0.1:7001

결과

redis-cli --cluster rebalance 127.0.0.1:7001 --cluster-use-empty-masters

결과

redis-cli --cluster info 127.0.0.1:7001

결과

참고 : 링크

[redis] sentinel mode구현

ellapresso — Thu, 6 Apr 2023 12:10:40 +0900

https://ellapresso.tistory.com/119

[redis] 로컬(macOS)에서 standalone, cluster, replica 구성하기 + GUI

깃블로그에 정리해서 옮겨쓰기 전 날려쓰는 메모 1. 레디스 설치하기 - 링크 링크를 따라하면 되나, 나는 아래정도만 실행함. 더보기 Homebrew를 사용해서 설치 brew install redis 설치가 완료되었는지

ellapresso.tistory.com

1. 위 글에서처럼 standalone - replica를 구성한다.

2. 센티널로 사용할 노드수만큼 cof파일을 만들고, port를 수정해준다.

cp /opt/homebrew/etc/redis.conf ./sentinel01.conf

3. 아래 내용을 conf파일에 추가해준다.

sentinel monitor mymaster 127.0.0.1 {마스터 서버 포트} {정족수}
sentinel down-after-milliseconds mymaster 3000

정족수 : 마스터가 더이상 사용할 수 없다고 판단할 서버수. 3대의 노드로 감시하고 2개이상이 판단할경우 레플리카를 마스터로 바꾸고싶다면 정족수는 2가된다. 만약 감시노드를 한대만 하고싶다면 1로...

4. standalone - replica를 띄워준 다음, 아래 명령어로 센티널을 실행시킨다.

redis-sentinel sentinel01.conf

5. 정상동작하는지 마스터를 kill해본다.

https://ellapresso.tistory.com/121 참고

[redis] cluster-replica 마스터를 kill하면

깃블로그에 정리해서 옮겨쓰기 전 날려쓰는 메모 redis cluster replica 구성하기 [redis] 로컬(macOS)에서 standalone, cluster, replica 구성하기 + GUI 깃블로그에 정리해서 옮겨쓰기 전 날려쓰는 메모 1. 레디스

ellapresso.tistory.com

로그를 확인하면 센티널들이 3초간 지켜보다가 replica를 master로 승격시킨다.

[redis] cluster-replica 마스터를 kill하면

ellapresso — Wed, 5 Apr 2023 12:36:47 +0900

깃블로그에 정리해서 옮겨쓰기 전 날려쓰는 메모

redis cluster replica 구성하기

[redis] 로컬(macOS)에서 standalone, cluster, replica 구성하기 + GUI

ellapresso.tistory.com

7003 포트에 있는 데이터를 확인 한 후, 해당 포트를 kill 해보았다.

redis-cli -p {kill 할 서버 포트} -h {kill 할 서버 호스트} shutdown

조금 있으면 연결된 복제본인 8003이 아래와 같이 속삭여준다.. ~~머싯서~~

Failover election won: I'm the new master.

아무 서버에 접속해서 7003에 있던 데이터를 호출해보면, 8003에 있음을 확인 할 수 있다.

다시 7003 서버를 살려보자

redis-server redis_7003.conf

마스터로 시작하려다가 이미 8003이 마스터임을 확인하고 레플리카로 변경된다.

[redis] 명령어 모음

ellapresso — Wed, 5 Apr 2023 12:10:56 +0900

깃블로그에 정리해서 옮겨쓰기 전 날려쓰는 메모

...

CLUSTER INFO 접속한 노드의 클러스터 주요 상태 정보

CLUSTER NODES 접속한 노드와 연결된 클러스터 노드 리스트

OBJECT {key} 해당 키의 타입 확인

[redis] 로컬(macOS)에서 standalone, cluster, replica 구성하기 + GUI

ellapresso — Wed, 5 Apr 2023 11:49:11 +0900

깃블로그에 정리해서 옮겨쓰기 전 날려쓰는 메모

1. 레디스 설치하기 - 링크

링크를 따라하면 되나, 나는 아래정도만 실행함.

Homebrew를 사용해서 설치

brew install redis

설치가 완료되었는지 확인

redis-server

확인되었으면 Ctrl+C로 닫아 줌

2. redis 폴더를 하나 생성 한 후 redis.conf 파일을 복사해온다.

mkdir redis
cp /opt/homebrew/etc/redis.conf ./redis.conf

3. standalone, cluster 원하는 구성에 따라 아래 정보들을 수정해준다.

3-1. standalone

port {원하는 포트}
pidfile /var/run/redis_{원하는 포트}.pid

3-2. cluster

master의 각 포트를 따서 conf파일을 만들어준다.

cp redis.conf redis_7001.conf

3-1에서 나온 항목들을 수정 한 후, 아래 항목들도 수정한다.

cluster-config-file nodes-{파일명에 사용한 포트}.conf
dbfilename dump-cluster{파일명에사용한 포트}.rdb
cluster-enabled yes

3-3. replica

만약 replica를 생성하고싶다면

standalone: 아래 항목도 conf파일에서 추가로 수정해준다.

replicaof <masterip> <masterport>

cluster: replica에 사용할 포트를 따서 conf파일을 더 만들어준다.

4. 실행해본다.

따로 파일 만들어서 걍 실행 할 수 있게 해뒀음....

* standalone은 redis-server로 실행만 해주면 끝남.

redis-server ./redis_7001.conf &
redis-server ./redis_7002.conf &
redis-server ./redis_7003.conf &

# cluster 생성 할 경우
redis-cli --cluster create 127.0.0.1:7001 127.0.0.1:7002 127.0.0.1:7003 &

# 요 아래부터는 cluster replica 생성 할 경우

redis-server ./redis_8001.conf &
redis-server ./redis_8002.conf &
redis-server ./redis_8003.conf &

redis-cli --cluster add-node 127.0.0.1:8001 127.0.0.1:7001 --cluster-slave &
redis-cli --cluster add-node 127.0.0.1:8002 127.0.0.1:7002 --cluster-slave &
redis-cli --cluster add-node 127.0.0.1:8003 127.0.0.1:7003 --cluster-slave

이렇게 한번 생성해 준 이후에는 아래 명령어만 호출해도 자동으로 cluster-replica생성이 된다.

redis-server ./redis_7001.conf &
redis-server ./redis_7002.conf &
redis-server ./redis_7003.conf &
redis-server ./redis_8001.conf &
redis-server ./redis_8002.conf &
redis-server ./redis_8003.conf

redis GUI tool 추천 : redisInsight

doc : https://developer.redis.com/explore/redisinsightv2/getting-started/

Download Redis Enterprise | Redis

Download the latest version of Redis Enterprise software. Try it free today!

redis.com

잘못 기재된 부분은 ellapresso@gmail.com으로 연락주세요.

s3 presigned url로 클라이언트가 직접 이미지 업로드 하기

ellapresso — Fri, 20 Jan 2023 14:54:46 +0900

엄... 블로그 통일 해야 하는데 귀찮아서 일단 링크만 남김 (제가 쓴겁니다용)

https://ellapresso.github.io/2023/01/19/aws-presigned-url/

프론트에서 이미지 s3 업로드 하기 | ellapresso

클라이언트가 서버에 presigned url 요청 서버가 aws에 presigned url 요청 서버가 클라이언트에 응답 값 전달 전달받은 값으로 클라이언트가 aws에 직접 업로드 서버에 업로드 완료/실패 전달 용량이 큰

ellapresso.github.io

6월 29일 MEMO

ellapresso — Wed, 29 Jun 2022 10:42:46 +0900

TO DO LIST

redis, ioredis, node-redis 비교 post

redis cluster post

network topology post

desiloper 수업내용 업데이트

API Design books 요약 post

로그 분석을 위한 url설계관련 자료

잔디정원사 인증서버 만들기

ellapresso관련 크롤러 만들기

다이나모디비, aws람다

디-발자를 위한 첫걸음

ellapresso — Wed, 30 Mar 2022 10:41:19 +0900

뭔지 모르겠지만 일단 개발이 하고싶은 디자이너를 위하여

나는 그렇게 뛰어난 개발자는 아니다.

하지만 개발로 돈을 벌어 먹고 산다.

세상에는 개발을 잘 하는 사람들과 똑똑한 사람과 노력파인 사람들이 너무 많다.

나는 위로 올라가지는 못해도, 위로 올라가려는 사람들에게 문을 열어 주는 일은 할 수 있을 것 같다.

PHP 그리고 Node로 시작해서,
노드만 열심히 할 줄 알았는데 뷰린이로 사회생활을 험난하게 헤쳐나가고 있는 지금,

우선은 디자이너를 위한 스텝부터, 자바스트립트를 통한 개발까지 하나씩 해 보려고한다.
(그냥 내 다짐을 써놓은거임)

작심삼일이 되지 않도록, 수강생을 지인으로 구성해 모집하고, 하나씩 알려 줄 생각이다.

html
css
javascript

순서대로 하나씩 해보자. 코딩의 c도 모르는 디자이너를 위한 튜토리얼 시작

디-발자 수업 블로그

맥북 Apple M1칩 노드 16버전 이슈 해결

ellapresso — Thu, 14 Oct 2021 15:06:15 +0900

npm install을 했는데 만약 Only Mac 64 bits supported. 라는 문구와 함께 노드모듈이 받아지지 않을 경우 해결 방법.

이 맥에 관하여 : 칩 - Apple M1 인 경우.

https://nodejs.org/ko/

위 링크에서 14.18.1 LTS버전을 받는다. (터미널로 설지 하지 않고 사이트에서 진행)

$ nvm use 14

해결.

16버전과 Apple M1간의 이슈가 있는듯.

ARM64 가 아니라 64-bit 이어야 하는데, 그냥 homebrew로 최신 노드를 설치하게 되면 ARM64로 설치되기 때문에

해당 오류가 발생한다.

[RegEx] 정규식으로 이미지 url 체크 진행중

ellapresso — Mon, 19 Apr 2021 23:45:23 +0900

검색으로 찾은 url 정규식 가져와서 고쳐쓰기

예시 링크

https://www.naver.comhttps://naver.com

www.naver.com/img/images/products/12345/13131313?ss_key=ASDF2QWERU.2QWER3M

http://www.naver.comhttp://www.naver.com/img/images/products/12345/13131313?ss_key=ASDF2QWERU

www.daum.co.kr/web/prod/small/202/221d7613b7935c4c30e4df13f.jpg

정규식 고쳐가기

(http(s)?\:\/\/)?([a-z0-9-:\w]+\.*)+[a-z0-9]{2,4}([\/])([\/a-z 0-9-%#?&\.=\w])*(\.[a-z]{2,4})*

(http(s)?\:\/\/)?([a-z0-9-:\w]+\.*)+[a-z0-9]{2,4}(:[0-9])?([\/])([\/a-z 0-9-%#?&\.=\w])*(\.[a-z]{2,4})*

(http(s)?\:\/\/)?([a-z0-9-:\w]+\.*)+[a-z0-9]{2,4}(:\d)?([\/])([\/a-z 0-9-%#?&\.=\w])*(\.[a-z]{2,4})*

(http(s)?\:\/\/)?([a-z0-9-:\w]+\.*)+[a-z\d]{2,4}(:\d)?([\/])([\/ -%#?&\.=\w])*(\.[a-z]{2,4})?

(http(s)?\:\/\/)?([-:\w]+\.*)+[a-z\d]{2,4}(:\d)?([\/ \-%#?&\.=\w])*

https://www.naver.comhttps://naver.com 같이 똥같을때

정규식 고쳐가기

앞부분 url만 매칭(뒤의 https까지 매칭되버림)

(http(s)?\:\/\/)(?!\1)?([-:\w]+\.*)+[a-z\d]{2,4}(:\d)?([\/ \-%#?&\.=\w])*

2월 25일 MEMO

ellapresso — Thu, 25 Feb 2021 17:22:57 +0900

지난 TO DO LIST

기술면접 질문 정리

~~자바스크립트(노드) 스터디 재모집~~

~~재취뽀~~

코로나 속에서 벌써 이 회사에 입사한지 6개월차

온보딩이 끝나고 성과평가를 하고있다.

딱 면접보기 전에 썼던 메모를 마지막으로 많은 변화가 있었다.

입사하자마자 열심히 닥치는대로 다 해보려고 달렸고, 지금은 그 기록들을 보면서

조금 바보같이 일했구나, 생각하게 되었다.

반복되는 업무를 줄이고, 시간을 벌어야 하는것은 스스로였다.

길다면 길고 짧았다면 짧았을 6개월치 데일리로그를 보면서 3월부터는 어떻게 일을 해야할지 생각하게 되었다.

더 게으르게 일하기위해 더 효율적으로 생활해야겠다!

노드 스터디는 유일하게 내가 개발공부를 게으르게 하지 않게 해주는 원동력이었는데

망할 여우시키덕분에 모든게 망가져부럿다.

멤버초이스를 잘못한건가 싶기도한데...

다시 스터디를 모집해야 하지 않을까?

그만 쉬어도 될 것 같다.

이사하고나면 집에서 스터디를 해도 괜찮을것 같기도 하고..

아무튼 다음 스터디는 조금더 구체적인 룰을 가지고 해야겠다.

모각코여도 괜찮을것 같기도.

기술면접정리는 마침 팀장님이 스킬업 리스트를 함께 작성해주신것들이 있어서 참고하면 될 것 같다.

하나씩 블로그랑 깃허브에 적어봐야겠다.

회사에서 지내는 시간이 많아지다보니 몸이 지치고 에너지가 부족해서 방이 엉망이 되었다.

뭐, 핑계라고 할 수도 있겠지만 언제나 내 멘탈 상태를 반영하는 공간이어서 잠들기전 씁쓸함은 어쩔수 없는것 같다.

그래도 다행인건, 하나라도 챙겨보려는 시도를 계속 하고있다는 것.

악해지지 않고 독해지기로 해본다.

TO DO LIST

이사

~~기술면접 질문 정리~~ 스킬업리스트 블로그에 작성하기

스터디구성 및 모집

9월 1일 MEMO

ellapresso — Tue, 1 Sep 2020 14:04:02 +0900

지난 TO DO LIST 진행상황

~~잔디정원사 1년기념 컨퍼런스 ( 7월 25일 )~~

기술면접 질문 정리

~~정보처리기사~~

컨퍼런스 마침, 컨퍼런스 후기 : https://ellapresso.tistory.com/111

코로나가 심각해지면서, 사람이 많이 모이는 곳을 기피하게 되었다.

다행히 정보처리기사 100프로 환불 가능하다고 연락이 와서 환불함. 내년 시험을 노려본다.

다들 쉴 수 있을때 쉬라는 말을 많이 한다.

그 말이 무슨 말인지는 아는데, 나는 적당히 쉬고 싶고 적당히 쉴만큼 쉬었다.

일을 할때 즐겁고, 일을 할때 쉬는게 더 좋다.

그래서 나름 열심히 구직활동을 했고, 아마도 조만간 새로운 회사에 적응하러 갈 것 이다.

그런 내가 최근 너무 취업이 늦어지면서 점점 땅굴을 파게 되고, 면접질문들은 기록만 해 둔채 방치 해 두고 있다.

빨리 기력을 찾아서 공부를 해둬야 할텐데...

여담이지만 지금의 내 또래 즉 30대 초중반의 사람들이 진짜 꼰대의 중심이 아닐까 생각이 된다. (그래서 자꾸 내 모습을 돌아보게 됨-)

나보다 조금 더 나은 직장, 조금 더 높은 직책을 가진 친구들이나 지인들은 자꾸 나에게 조언, 첨언을 하려고하고,

만약 내가 이미 알고있다는 듯 대답하거나 먼저 선수쳐서 말을하거나 하면( 그냥 처음듣는 듯이 행동하면 더더욱) 언성이 높아지면서,

너때는 그래, 일년만 지나봐, 너네 회사는 작잖아, 조금 더 큰 회사를 가봐, 이런 말이 따라 붙는다. 워. 난 그러지 말아야지. 제발.

꼭 라떼는 - 이 부모님 세대에 한정된 것만은 아니라는걸, 새겨둘 필요가 있겠다. ~~그 말들이 사람 자존감을 깎는 말 이라는걸 알아두길.~~

스스로에게. 이제 다시 달려볼 일만 남았길 바란다.

TO DO LIST

기술면접 질문 정리

자바스크립트(노드) 스터디 재모집

재취뽀

[잔디정원사] 제 1 회 잔디정원사 컨퍼런스

ellapresso — Wed, 29 Jul 2020 21:44:53 +0900

2020년 7월 현재 방 멤버들의 깃허브(or 깃랩)

2020년 7월 25일 카카오톡 오픈 채팅방 잔디정원사의 첫 번째 컨퍼런스를 열었다.

사실 소수의 친분 있는 개발자들이라, 워크숍의 느낌도 조금 났지만

잔디정원사란, 깃허브 (또는 깃랩) 저장소에 파일 및 폴더의 변경사항을 저장할 때 프로필에 표시되는 캘린더를 인증하는 방으로 무의미한 커밋보다는 자기 계발에 의의를 두어 함께 발전하고자 하는 IT 모임이다.

처음 이 방을 개설하기 전, 다른 신입 개발자들은 어떻게 하는지 궁금해서 6~700명 정도의 IT방을 들어갔었다. 하지만 조금 지나자 초반 분위기와는 다르게 과도한 연애상담 등의 관종들이 드러나기 시작했고, 답답했던 일부 인원들의 의견에 내가 목적성을 가진 방을 새로 시작했다. 그게 바로 깃을 사용한 1일 1 커밋이었다. 그때 당시 처음 개발자로서 첫 회사를 들어간 뉴비였고 한창 지옥에서 온 깃 안에서 헤맬 때였는데 마침 깃에 관심이 있던 몇몇 친구들이 나를 따라 들어와 주었다. 그렇게 우리의 1일 1 커밋이 시작되었다.

면접 때 깃허브를 보더라, 하는 이야기에 들어오는 사람들도 있었는데 아직도 그 부분에 대해서는 여러 가지로 의견이 분분한 듯하다. 방을 운영하면서 느낀 점은, 면접을 위해 부지런히 1일 1 커밋을 1년간 채울 사람은 없다는 것이다. 관심이 없고 스스로 하고자 하는 게 없다면 잔디를 그렇게 심을 수가 없다. 정말 바빠서 강퇴당하는 사람 -(기본적으로 인증 방이기 때문에 너무 인증을 하지 않으면 잘린다)- 을 제외하고는..

그렇게 마음이 맞는 사람은 남고, 맞지 않는 사람은 나가고,, 30명의 제한된 인원으로 열심히 1년 반이 지났다. 여전히 다양한 이유로 사람들은 나가고, 버티고, 들어오고, 또 나갔다가도 방인원이 줄어들어 들어오는 날도 기다려 준다. (이 이야기를 들을 때마다 뿌듯하고 , 감사하고, 감동이다.)

기억에 남는 에피소드 중 재미있었던 것들은 커밋하지 않아서 코드를 날리거나, 레포 정리한다고 삭제하고 잔디를 날린 멤버들 :) ㅋㅋㅋ 1일 1 커밋을 하다 보면 꽉 찬 잔디 혹은 꽤 빼곡한 잔디를 보면 뿌듯하면서도 또 열심히 하게 되는 계기가 되는데 레포를 삭제하면 잔디가 사라지기 때문에 ... 그리고 코드를 날리고서 커밋의 중요성을 뼈저리게 느끼던 시적도 있었다. 지금은 다들 오래된 고인물이 되어서 그러지 않지만 초기에는 의외로 많은 신입 개발자들이 하는 행동이었던 것 같다. 그랬던 멤버들이 이제는 하나둘 경력이 쌓이고, 서로의 포지션에 관한 정보를 공유하다 보니 정말 많은 성장들을 했다. 그리고 무엇보다 잔디 인증을 위한 사이트나 챗봇을 만들었던 친구들이 있는데 컨퍼런스 2회를 열 수 있다면 그때 한번 다뤄볼까 한다. 실제 앱으로 만들어 구글 플레이스토어에 올리기도 하고, 구글에 '잔디정원사'라고 검색하면 나오기도 하고, 채팅방에서 / 명령어로 불러보기도 했었는데 처음엔 너무 충격적인 이슈들이었다. 이 괴물들은 이걸 만들면서 즐기고 있구나,, (흐뭇)

이번 컨퍼런스를 열게 된 계기는 무엇보다도 방 멤버들의 등쌀이었다고 해도 과언이 아니었던 것 같다.

1년 정도 되어갈 때 정모를 조금 더 공식적(?)으로 해볼까 하는 마음은 있었는데, 다들 컨퍼런스를 열자, 잔디방 1년 회고부터 이것저것 하고 싶은 말이 많다,, 듣고 싶은 것도 있다,, 이렇게 다들 적극적인 의견을 내주어서 믿고 준비를 해보았는데 정말 정말 정말 너무 성공적이었다 :)

우선 아무래도 스폰 없이 자체적으로 진행하다 보니 회비를 걷어 준비했고~~(회비를 더 내준 멤버들에게 감사..)~~, 저렴하지 않았는데도 멤버들이 회비가 아깝지 않았다고 해주었을 정도였고, 발표자들이 상상 이상의 발표 퀄리티를 보여주었다. 발표자들은 직접 프로그래밍해서 결과물을 보여주기도 하고, 선배 개발자의 조언이나 생각 등을 듣기도 했는데 다들 질문도 적당히 해주었다. 잔디방에 없는 인원도 한 명 참석했는데 발표 중간에 방에 들어오고 싶다고 이야기해서 때마침 공석이 있어서 바로 방에 들어오기도 했다. 컨퍼런스 참여자들의 포지션은 대략적으로 퍼블리셔, 프런트, 백엔드, 네트워크, 인프라, 임베디드, 게임, 기획자.

발표 내용 - 잔디정원사에 대하여, 신입 개발자의 1년 회고, GitHub CI/CD, GitHub API, *** 네트워크와 인프라, 포지션에 대한 고민

각 회사들이 사용하는 툴이나 정책에 대해서도 들을 수 있었으며, 앞으로의 방향에 대해서도 다 함께 고민해 볼 수 있는 자리였고, 마무리로 협업의 중요성을 깨우치는 (ㅋㅋ) 게임도 함께 했다. 물론 상품도 많이 준비했고 다들 아직까지도 재미있었다고 이야기해주어서 감사하다.

다들 끝나고 뒤풀이 가면서부터 2회는 언제 하냐고 물어오는데 그때는 좀 더 많은 사람들이 올 수 있는 자리가 되도록 생각해보아야겠다. 그리고 자꾸 해커톤 열어달라고 해서.... 아마도... ~~(해커톤 좋아하는 변태들...)~~

잔디정원사 첫 단체사진 (손으로 잔디라고 표현한것,,,,,이다,,^^)

7월 11일 MEMO

ellapresso — Sun, 12 Jul 2020 00:17:54 +0900

지난 TO DO LIST 진행상황

~~코틀린 적응하기~~

잔디정원사 1년기념 컨퍼런스

~~MAD-STREET-SHOP 오픈~~

지난 4월 겨우 한달 조금넘게 다닌 회사를 퇴사하며 참 많은 생각을 했다.

그렇게 대단한 사수를 두고, 내 머리가 정말 따라가지는 못하는건지

아니면, 내가 아직 내 갈길을 정하지 못한건지 참 고민이 많았고, 내렸던 결론은 타인탓 반, 본인탓 반.

내가 참 이도저도 아니게 두드리고 다니는구나. 하나만 파자 라는 생각과 동시에,

잘 하는 사람과 잘 가르치는(키우는) 사람, 그리고 잘 배우는 사람은 정말 큰 차이구나. 나는 잘 배우는 사람일까? 이런 생각.

결국 한우물만 파기로 결정. 안녕 코틀린. 다음에 다시 만나.

얼마전 MAD-STREET-SHOP 을 마무리 지었다.

앱 등록을 위해 이름도 길잇 (gil-eat)으로 변경을 했는데, 역시나...

모든 프로젝트는 사전조사와 설계가 철저했어야 하거늘...

PWA로 모든 페이지를 웹으로 만들어 버리는 바람에 리젝먹었다.

일부 큰 회사들 혹은 쇼핑몰들도 보면 웹앱이던데 해결방법을 찾다가

팀원들 개개인의 사정으로 앱등록 대신 모바일 웹 중심으로 약간 변경했다.

중간즈음 함께 해주신 베테랑 디자이너 덕분에 훨씬 예쁘고 멋있게 마무리 되었고,

아직까지도 heroku를 사용하지 않고 만들어 볼걸 하고 후회하고 있다.

정말로, 시간이 된다면 싹 갈아엎어 볼 예정이다.

드디어 벼르고 있던 잔디정원사방 컨퍼런스를 열게 되었다.

1년 반이 지난 이 시간까지 함께해준 오래된 고인물멤버들에게도 너무 고맙다.

늘 좋은 자극들을 줘서 잘 지치고 포기하는 나를 끌어준 원동력이기도 하지 않을까 싶다.

7월 25일 드디어, 조촐하지만 약간은 제대로된 컨퍼런스(라고 쓰고 정모라고 읽기)를 준비했다.

다양한 분야의 사람들이 함께 모여있는 만큼 서로의 분야에 대해 알게되는 시간이기도 하고

나 또한 어떤 마음으로 계속 이 커뮤니티를 이어가고있는지 공유할 수 있는 좋은 자리가 될 것 같다.

얼마전 면접을 보았다.

슬슬 재취업을 생각하고 있어서 여기저기 온라인으로 구직의사를 밝혀두었는데

아직 이력서와 기술면접이 준비가 전혀 되지 않은 채로 제안이 왔다.

준비가 덜 된 상태로 면접을 보는건 큰 실례라고 생각했지만,

주위의 권유와 스스로의 상태점검도 하고싶어서 제안을 수락했다.

아니나다를까, 정말정말, 수도없이 봤던 그 기본적인 백엔드 질문에도 머릿속은 하얘졌고, 듣도보도못한 용어들도 알게 되었다.

이럴때마다 전공자들이 너무 부럽다. 그리고 정보처리기사공부를 미룬 나를 또 탓한다.

전문용어와 이론에 대한 지식의 부재가 늘 나를 초라하게 만든다. 그리고 생각이 많아진다.

이번 면접에서 기술면접을 진행한 면접관은 정말 젠틀했고, 질문의 퀄리티가 높았다.

집에오면서 거기에 어설프게나마 대답을 했더라면, 그분을 한번 더 볼 기회가 있지 않았을까 아쉬운 생각이 든다.

하지만 정말 운이 좋게 합격을 하더라도 가지 않을것 같다.

내가 면접관에게 털리는 모습을 본 대표의 표정이 너무 안좋았기 때문에 ㅎㅎ

다른 직원도 아니고 대표가 표정관리 못하는곳은 안가고싶다. (못한건지, 안한건지,,)

요즘 드는 생각.. 하루하루 버텨내는것만으로도 만족해야 하나..?

뭔가 하려고 하면 부작용이 심하다.

알게모르게 쌓여있다가, 정말 마가낀듯 딱 터져버린 날이 왔다.

~~잘 할수 있는데, 하면 잘 하는데. 그걸 증명하는게 가장 힘들다는걸 알고있는게 더 힘들다.~~

TO DO LIST

잔디정원사 1년기념 컨퍼런스 ( 7월 25일 )

기술면접 질문 정리

정보처리기사

[Deno] Deno 설치하기

ellapresso — Wed, 24 Jun 2020 16:18:30 +0900

설치하기

Mac의 경우 보통 홈브류로 관리를 하기때문에 쉽게 설치할 수 있다.

brew install deno

다른 설치방법은 다이트 참고 : Deno 설치하기

[Deno] denon 사용하기

ellapresso — Wed, 24 Jun 2020 15:57:01 +0900

deno를 사용할때 nodejs에서 nodemon과 같은 일을 하는 Third Party Module을 소개다.

denon으로 이름도 아마 nodemon에서 따온것 같고, 공룡에 뿔달린것 너무 귀엽다..

이 모듈 또한 마찬가지로, deno대신 denon run - 으로 실행해주면 해당 파일을 모니터링하고 있다가, 수정되면 다시 시작해준다.

설치 방법

deno install --allow-read --allow-run --allow-write --allow-net -f --unstable https://deno.land/x/denon@v2.2.0/denon.ts

우선, deno가 설치 되어 있어야 한다. (Deno 설치하기)

설치가 되고 나면, 기존에 디노 실행명령어인 deno run [파일명] 대신 denon run [파일명] 으로 사용해주면 된다.

만약 설치후에 실행이 잘 안되거나 위와 같은 문구가 뜬다면,

~/.bash_profile에 export 부터 한줄 쭉 복붙해 넣어준다. (source .bash_profile - 설정재시작 잊지말자)

denon --version 으로 확인해보면 오늘날짜 기준으로 버전 v2.2.0이 뜬다.

[Deno] 시작하기전에.. 끄적끄적...

ellapresso — Wed, 17 Jun 2020 15:59:12 +0900

Deno is a JavaScript/TypeScript runtime with secure defaults and a great developer experience. It's built on V8, Rust, and Tokio.

Deno는 Node.js 창립자 Ryan Dahl이 만든 자바스크립트 및 타입스크립트 런타임이다.

Nodejs에서 고치고 싶었던 부분들을 2018년 6월 발표하더니 뚝딱 만들어 낸것이 바로 이것이다..(천재들은 뭔가 다른가 봄..)

처음 Deno를 소개할때 Ryan Dahl이 "데노"라고 발음했으나

로고가 공룡처럼 보여서 그런지 점차 "디노"라고 불리고 있고, 잠정적으로 디노로 결정되어 가는듯 하다.

Deno는 Node의 애너그램으로 Node를 반으로 잘라서 ( no | de ), 앞뒤를 바꾸면 deno가 된다.

node.js와의 차이점 : JSconf

top level await ~~(async없이 await 할 수 있다!)~~, 외부라이브러리를 사용할때의 보안 문제 해결, 외부라이브러리를 url로 import하는 것이 가장 큰 차이점이라고 볼 수 있을것 같다.

롱보드 추천 /스윗피(SweetPea) 후기

ellapresso — Thu, 21 May 2020 18:16:26 +0900

취업하고나서 취미생활로 시작한 롱보드를 벌써 2년째 꾸준히 타고 있다.

처음에는 들고 지나가기만해도 모르는사람이 말을 걸 정도로 신기해했는데,

티비 광고나, 주변에서 점차 롱보더가 늘기 시작하니까 요즘에는 지인들이 어떤 보드를 사야하는지 많이 물어온다.

첫 데크로 스윗피를 구매했는데 주변에도 스윗피를 추천하고있다.

주변 지인들에게 스윗피를 추천하는 이유는 내가 살때보다 훨씬 가볍고, 튼튼하기 때문...

46인치 롱보드중에 제일 가벼울거다. 왜 가벼운게 좋냐면 늘 타고다닐수 있다면 무게가 상관없겠지만

사람이 많은 길이나, 길이 고르지 않거나, 계단의 경우에는 어쩔수 없이 들고다녀야 하기 때문!

그리고 스윗피는 그래픽이 많아서, 다른 사람들의 보드보다 개성있게 꾸밀 수 있다.

물론, 원하는 그래픽도 가능하다. (그래서 첫 데크에 아직도 애정이 뿜뿜한다.)

내 첫 롱보드 스윗피.. 요즘 나오는 스윗피는 더 좋아졌다.

지인들에게 추천하면서 커스텀보드샵 인스타를 들어가봤는데, 샘플이 더 늘었다.

아는 동생도 롱보드에 관심을 가지길래 뉴스윗피를 타보게 했더니 바로 반해서 구매한다고ㅋㅋㅋ

동생 왈, "홈페이지에서 계좌이체로 결재하면 3만원짜리 롱보드가방을 준다"고 해서 그렇게 주문을 넣었다고 한다! (별표)

조만간 스윗피 데크 한개 더 구매해놔야겠다ㅋㅋㅋㅋ

롱보드 가방

커스텀 보드샵 인스타에서 제공하는 스윗피 그래픽예시의 일부분이다.

구매 링크 : https://smartstore.naver.com/customboardshop

스윗피롱보드커스텀보드샵 : 네이버쇼핑 스마트스토어

세상에서 제일 이쁜 자신만의 그래픽을 보드에 넣을수있는 커스텀 보드샵입니다

smartstore.naver.com

**스윗피 실사용자이므로 혹시 이 글을 보고 궁금한게 생긴다면 언제든지 문의댓글 환영합니댱

ngrok로 외부에서 로컬서버 접근하게 하기

ellapresso — Wed, 1 Apr 2020 11:58:38 +0900

1. 우선 ngrok에 로그인 한다.

ngrok 링크

2. Get Start for Free 버튼으로 페이지를 이동한다음, 안내대로 한다.

다운로드 받고, 원하는 위치에 압축을 해제한다음, 아래 사진에서 열지않은 3번에서 알려준대로 계정 인증토큰을 등록해준다.

터미널에서 ./ngrok http {원하는포트번호}를 열면, 외부에서 접근 할 수 있는 링크를 보여준다.

ㅇ

주의할 점은, 컴퓨터가 꺼진다거나 터미널이 종료되면 해당 접속정보로 다시 연결 할 수 없으며,

생성될때마다 주소가 재 생성된다는것이다.

vscode의 깃렌즈(GitLens) intellij에서는?

ellapresso — Fri, 27 Mar 2020 14:16:39 +0900

vscode에서 애용하던 깃렌즈!

코드라인에 언제, 누가 커밋햇는지 잘 나와서 내가 싼 똥을 바로 알아볼수 있다 . ~~(아씌이거누가 짠거야 ...는 나네?)~~

최근 코틀린 공부를 하면서 인텔리제이에서 같은 이름의 플러그인을 검색하니 당연히 없다.

찾은것이 바로 깃 툴박스.

설치하고 재실행하면 바로 ok

[잔디정원사] squash-merge란?

ellapresso — Tue, 24 Mar 2020 17:39:05 +0900

한 기능을 생성하기위해 브랜치를 따서 작업중이라고 가정하자.

보통 기능 또는 함수별로 커밋한다고 했을때, 작업도중 일을 그만하고 저장(커밋하고싶을때) 커밋한다음,

마지막에 원하는 브랜치에 스쿼시 머지를 하면, 작업중이었던 모습을 남기지않고 한번에 한 커밋단위로 머지할 수 있다.

..글 작성중

코틀린 에러 java.lang.StringIndexOutOfBoundsException: begin -1, end 0, length 0

ellapresso — Mon, 23 Mar 2020 17:43:58 +0900

java.lang.StringIndexOutOfBoundsException: begin -1, end 0, length 0

빈 문자열을 substring하려고 해서 생긴 에러.

빈문자열이 어디 들어가나 한참 찾았다는.

코틀린 입력받은 문자열의 개행(줄바꿈) 없애기

ellapresso — Fri, 20 Mar 2020 12:27:35 +0900

입력받은 문자열에 개행이 포함되어있어 없애고 싶을때

var 입력받은문자 : String

입력받은문자.replace("\\r\\n|\\r|\\n|\\n\\r".toRegex(),"")

코틀린 스프링부트 브라우저에 hello world 띄우기

ellapresso — Fri, 13 Mar 2020 11:03:49 +0900

우선 스프링 이니셜라이즈에서 프로젝트를 생성해 준다. (방법 : 코틀린 스프링부트 시작하기 )

생성된 프로젝트를 import했다면, 가장 기본 폴더인 src/main/kotlin안의 main함수에 println을 찍어보고, 빌드 후 실행 시켜본다.

println의 내용이 정상적으로 찍힌다면, 같은 위치에 새로운 kotlin파일을 생성해 본다. 이름은 상관 없다.

새로운 파일에 위와 같이 작성한 다음, localhost:8080으로 접속해 확인한다.

끗

코틀린 스프링부트 포트 변경하기

ellapresso — Fri, 13 Mar 2020 10:56:23 +0900

기본적인 포트는 8080이다.

변경을 원할때는 application.properties에 추가 기입을 해 주면 된다.

위치 및 추가된 정보

다시, Run을 하면 다음과 같이 포트가 변경된것을 볼 수 있다.

코틀린 스프링부트 시작하기

ellapresso — Thu, 12 Mar 2020 18:38:47 +0900

스프링 이니셜라이저 : https://start.spring.io/

원하는 프로젝트와 언어 등을 선택 후 메타데이터 입력,

추가적인 Dependency를 검색하여 넣은다음 생성하면 zip파일이 다운로드 된다.

해당 파일을 풀어 import하면 된다.

mac OS 원하는 shell로 바꾸는 두가지 방법

ellapresso — Thu, 12 Mar 2020 16:00:49 +0900

1. 터미널을 열어서 확인 할 수 있다.

사용 가능한 쉘 목록 보기 : cat/etc/shells

원하는 쉘로 바꾸기 : chsh -s /bin/bash (원하는 쉘)

2. 또는 터미널을 띄운 상태로 상단 메뉴바에 터미널 > 환경설정 > 일반에서 셸 열기 에서 가능한 쉘로 바꾸어 주어도 된다.

단, 설정후 터미널 재시작 해야함.

2월 23일 MEMO

ellapresso — Sun, 23 Feb 2020 19:40:43 +0900

머릿속에 생각할 일이 너무 많아 졌다.

요 몇달간 정말 많은 일을 겪었고, 여전히 다 정리가 되질 않는다.

다시는 없을것 같은 팀원들과의 만남,

그 이유인 다시는 없을것 같은 회사와의 헤어짐.

고인물 10여명이 존버하고있는, 거의 1년이 다 되어가는 오픈채팅방,

실업급여 받으면서 프로젝트 할 생각에 들떠 있었던 나와

그렇지 못한 내 행동의 결과...

아직 시작한것은 아니지만, 계속 한명한명 순간의 표정들이 떠오르는게

나도 모르게 기대를 잔뜩 하고있는 것 같다.

신종코로나 때문에 당장 몇일후 떠날 가족여행이 너무 걱정되지만,

그와중에 노트북 챙겨가고싶다는 생각도 한가득.

올 한해는 돈 많이 벌고 다 ~~ 잘될거라고 했으니까

딱 6월만 존버하고 나머지는 기세에 맞게 치고나가는걸로.

TO DO LIST

코틀린 적응하기

잔디정원사 1년기념 컨퍼런스

MAD-STREET-SHOP 오픈

[잔디정원사] 깃허브 잔디에 private 레포 심기

ellapresso — Sun, 9 Feb 2020 01:28:06 +0900

Q. 나는 분명 열심히 커밋을 하는데, 왜 내 깃허브 잔디는 텅텅 비어요?

나는 잔디를 자랑하고 싶은데, 왜 텅텅 비어보일까요?

분명 default로 설정된 브랜치에 'push'했는데, (주로 master가 기본 입니다.)

왜 내 잔디밭은 텅텅 비어있을까요?

잔디방 오른쪽 위의 Contribution settings를 확인해 볼까요?

Private contributions가 체크되어 있는지 확인해보세요!

이 부분이 체크되어 있어야만, 잔디에 반영이 됩니다.

짜잔 ~~~~

[잔디정원사] git merge, push, pull이 뭐에요? ( + clone)

ellapresso — Thu, 23 Jan 2020 13:25:41 +0900

* push, pull, clone은 아래쪽에 묶어서 설명해두었다. 그 부분을 보려면 바로 스크롤 내리면 됨.

브랜치라는 개념을 이해했다면, *모른다면 클릭

기능별로 작성한 코드를 합쳐야 한다. 바로 그때 사용하는게 merge이다.

주로 현업에서는 master - develop - feature(이 네이밍은 회사별로 차이가 있다) 세가지 부류의 브랜치를 나눌수 있겠는데,

master는 배포된, 운영중인 (혹은 그 직전의 완전히 테스트나 QA가 끝이 난) 코드를 관리하고,

develop은 어느정도 점검은 되었지만, 개발중인, 아직 배포전인 코드를 관리하고,

feature 브랜치에서는 개발중인 코드를 관리한다. (지금 내가 속한 회사에서는 feature, bugfix, hotfix까지 나누어 사용한다)

이부분은 추후에 git-flow사용법으로 설명하겠다.

우선, 앞서 만들어둔 master 와 sample브랜치를 merge 해보자.

그 전에, 어디에 있는 코드를 어디로 넣을것인지 헷갈리면 안된다. (별표 백개)

우리는 sample에 있는 코드를, master에 반영할 것이다.

1. merge : master 브랜치에서, 다음 명령어를 실행한다. (별표 백개)

git merge sample

그리고 git log를 찍어보자. master에서는 없었던 sample브랜치에서의 커밋내역이 들어오게 된다.

로컬에서도 가능하지만,

GitHub등의 원격 저장소를 제공하는 서비스를 가입후 레포지토리를 하나 생성 한 다음 초록색 **을 따라해보길 바란다.

2. clone : 저장소를 복제한다.

주로 원격 저장소의 코드를 가져올때 사용한다. 우리는 우선, 로컬에서 다른 디렉토리에 복제 해 보자.

현재 사용중인 저장소 폴더의 이름이 바탕화면에 있는 test폴더라고 가정하에, 바탕화면에서 clone을 해보자.

git clone ./test test2
git clone <'복사할저장소주소'> <'이름설정-생략가능'>

test2라고 적힌 부분은 복제한 폴더의 이름을 지정하고 싶을때 적어주고, 생략가능하다. (생략하면 동일한 폴더명)

test2 폴더에 들어가보자. 우리가 이전에 작업한 파일들과, 동일한 커밋내역을 가지고 있는 저장소가 생성되었다.

** 원격저장소 복제하기 (예시 : GitHub)

레포지토리 우측상단에 clone or download라는 버튼을 눌러보면, 주소를 제공해 준다. 복사해서 사용해보자.

비트버킷이나 깃랩 등등 원격저장소 서비스를 제공하는 곳에서 공유된 코드를 쉽게 내려받을 수 있다.

** 3. push : 변경된 코드를 원격 저장소에 밀어 넣는다.

git push

git add > git commit > git push 순서대로

4. pull : 변경된 코드를 내려받는다.

test2안에서 새로운 커밋내역을 생성한 다음, test폴더에 공유하고 싶을때 로컬이라면 그냥 test폴더에서 아래코드를 실핼하면 된다.

git pull ../test2

** 원격저장소와 연결이 되어 있다면, git pull 명령어만 실행하면 된다.

연관 글 >> 다 귀찮고, GUI 툴로 일단 쉽게 쓸래요 ! (깃 크라켄)

[잔디정원사] branch 만들기, 브랜치 란?

ellapresso — Thu, 23 Jan 2020 11:24:29 +0900

브랜치에 관해서 작성해보겠다. 바로 사용법을 알고싶으면 스크롤을 내리세여

우선 이전까지 알아본 git의 사용법을 보면, 커밋 시점에 우리가 작업한 스냅샷을 저장하는 개념이라고 볼 수 있다.

브랜치는 그 커밋 사이를 좀더 쉽에 오갈수 있게 해준다.

내가 애용하는 깃크라켄

예를들어, 동그라미를 그린다음 커밋후, new라는 브랜치를 생성한다.

기본 master브랜치와, new브랜치 두개다 같은 동그라미를 바라보고있지만,

new브랜치에서 동그라미 위에 세모 두개를 그려주고 커밋을하면~~(고양이)~~

master는 이전 커밋내용을, new는 바뀐 내용을 가지고 있게된다.

우리는 브랜치를 바꿈으로써 쉽게 과거로 갈 수 있다 (히히)

이렇게 어떤 브랜치에는 동그라미 아래에 네모를 그려 다 같이 머지를 하면 완성된 그림이 나오는것이다.

브랜치를 만들어 보자.

보통 git init을 하면 기본적으로 master라는 브랜치가 생성되어있다. 다음 설명들은 모두 git 저장소 루트 경로에서 실행한다.

1. 현재 브랜치 확인하기

git branch

브랜치를 아무것도 만들지 않았다면, master브랜치를 보게 된다.

*note : Git 버전 관리 시스템에서 “master” 브랜치는 특별하지 않다. 다른 브랜치와 다른 것이 없다. 다만 모든 저장소에서 “master” 브랜치가 존재하는 이유는 git init 명령으로 초기화할 때 자동으로 만들어진 이 브랜치를 애써 다른 이름으로 변경하지 않기 때문이다. ( 출처 : git )

2. 샘플 브랜치를 생성해보자

git branch sample

그리고 다시 브랜치를 확인해보면, 새로 생성된 브랜치를 확인 할 수 있다.

3. 새로 생성한 브랜치로 이동하자

git checkout sample

새로 생성된 브랜치로 이동했다.

4. 새로운 파일을 생성한 뒤 로그를 확인해 보자

막연히 브랜치만 생성해서는 뭐가 다른지 알 수 없다. 따라서 브랜치를 sample에 둔 상태에서, 새로운 파일을 하나 커밋해보자.

( 새로운 파일 생성 > git add > git commit > git log ) * 이부분을 잘 모른다면 클릭

로그를 찍어 새로운 파일을 커밋한 내역을 확인했다면, master로 브랜치를 옮겨 로그를 확인한다.

방금 sample브랜치에서 커밋한 내역이 보이지 않는다. 정상이다 :)

새로 만든 브랜치속의 코드가 오류없이 잘 작동한다면, master에 합쳐보자 !

다음글 >> git merge, push, pull이 뭐에요?

[잔디정원사] commit을 잘못했어요! git reset --

ellapresso — Wed, 22 Jan 2020 20:14:23 +0900

아직 익숙하지 않은 git 사용중, 원하지 않는 내용을 커밋했거나, 다시 돌아가고 싶은 시점이 생기기 마련이다.

그럴땐 어떻게 해야 할까?

우리가 이러려고 git을 쓰는거다...

나를 믿지 않으니까ㅋㅋㅋㅋㅋㅋㅋㅋㅋ

사실 git이 익숙하더라도 과거로 돌아가고 싶은 때가 많다.

git log를 실행했을때 나오는 <tree-ish> , 즉

오른쪽 사진의 commit 옆의 커밋해시

저부분을 복사해서 돌릴수 있다.

삭제하기 전으로 돌리고 싶다면, 아래의 82ba로 시작하는 커밋해시를 복사해서 다음 명령어를 실행해보자.

git reset 커밋해시

unstage되었다고 나온다.

reset을 할때 아무런 옵션도 적어주지 않으면,

git reset --mixed 커밋해시 와 동일한 명령어가 된다.

로그를 찍어보면 위의 '삭제함' 커밋은 사라졌고,' 커밋메세지' 커밋까지는 있지만, 파일은 삭제되어있는 상태이다.

여기서 다시 커밋을 한다면, 파일이 삭제된 부분을 다시 커밋하는것과 동일하다.

만약 파일이 삭제되기 전으로 가고 싶다면 --hard 옵션을 사용한다. (보통 원하는 결과는 --hard옵션을 사용한 상태인듯..)

git reset --hard 커밋해시

** --soft 라는 명령어도 있는데...

--mixed와의 차이점은 stage상태인지, unstage상태인지의 차이인듯.. 이부분은 나중에 추가하거나, 더 다루어야 할 것 같다.

[잔디정원사] git 기본용어 및 설명 (local)

ellapresso — Wed, 22 Jan 2020 19:39:29 +0900

git이 뭔지도 알았고, git을 설치 했는데, 이걸 어떻게 쓰냐..

그 전에 우선 가장 기본적인 용어를 알고 시작하자. (요건 내 기준)

기본적으로 짚고 넘어가야한다고 생각하는것에 체크해두었다.

1. init : git저장소로 만든다.

git init

저장소로 만들고 싶은 디렉토리 루트경로에서 위 명령어를 실행한다.

그러면 .git폴더가 생성되지만, 아직 git이 관리를 하는것은 아니다.

~~(맥OS에서는 숨김폴더가 보이지 않는다. shift + command + . 을 눌러보자. >> )~~

2. add : git으로 관리하고자 하는 파일을 넣는다.

git add 파일 혹은 폴더

3. commit : git이 해당 파일을 관리하도록 한다.

커밋 옵션들

git commit -m 커밋메세지

위 명령어대로 실행했다.

4. log : 이전 커밋내역이나 이후 git을 사용한 내역이 보고싶을때는 log를 사용한다.

git log

파일이 삭제 되었을 때도 마찬가지다.

위 목록에서는 체크하지 않았지만, rm이라는 명령어나, 혹은 에디터에서 파일이나 폴더를 삭제 한 경우에도 똑같이 커밋 해준다.

위 명령어 실행후 log를 찍었다.

커밋을 잘못했거나, 과거 이력으로 가고싶을 경우는 다음 포스트에 작성하겠다.

다음 글 >> commit을 잘못했어요!

[잔디정원사] git 이란?

ellapresso — Wed, 22 Jan 2020 18:57:56 +0900

깃(Git)은 컴퓨터 파일의 변경사항을 추적하고 
여러 명의 사용자들 간에 해당 파일들의 작업을 조율하기 위한 분산 버전 관리 시스템이다. 
소프트웨어 개발에서 소스 코드 관리에 주로 사용되지만
어떠한 집합의 파일의 변경사항을 지속적으로 추적하기 위해 사용될 수 있다. 
기하학적 불변 이론을 바탕으로 설계됐고, 
분산 버전 관리 시스템으로서 빠른 수행 속도에 중점을 두고 있는 것이 특징이며 데이터 
무결성, 분산, 비선형 워크플로를 지원한다.

// 출처 : 위키백과 (https://ko.wikipedia.org/wiki/깃_(소프트웨어))

위키에서 말하듯 소프트웨어 개발에서는 주로 소스코드 관리에 사용된다.

예를들어, 어제까지 완성해둔 게시판에 오늘 새로운 기능을 추가하려고 작업을 했다고 가정했을때

새로운 기능을 넣다가 이전에 작업한 작업물을 건드려야 할 수 있다.

그러다가 기능이 꼬여 이도저도 아닌 상황이 되었다고 생각해보자.

Ctrl+Z만으로 해결될 상황이 아니다. ~~( 루미큐브할때 머리좀 써보겠다고 블럭들을 모두 흩어 놓았다가 꼬이면 되돌릴수가 없다...)~~

이럴때 git을 사용하지 않는 사람이 할 수 있는 방법은 어제까지의 작업물을 백업해 둔 다음, (복사해 둔 다음)

오늘의 작업을 하다가 망하면 다시 복사해서 사용한다.

이게 뭐하는 짓이야...

이 글을 읽었다면 이제 그러지 말자.

git을 사용하면 어제까지의 작업을 commit해 두었다가, 오늘 작업이 망하면 되돌리면 그만이다.

규모가 큰 서비스에 기능을 추가해야 할 경우 기존 소스코드를 복사해서 백업해둘 수는 없지 않을까?

그저 내 컴퓨터에서 깔끔하게, git을 사용함으로써 내 코드를 원하는 시간으로 되돌릴 수 있다.

깃을 설치하는 방법은 아래와 같다.

1. 공식 사이트 이용 : git 공식 사이트

2. 맥(MacOS)일 경우 : homebrew를 설치 한 후 아래 명령어 실행.

brew install git

다음글 >> git 기본용어 및 설명

aws lambda serverless deploy error

ellapresso — Mon, 25 Nov 2019 14:46:13 +0900

aws에서 람다함수를 테스트시작해보았다.

로컬에서 함수 실행은 잘 되는데, deploy할때마다 에러가 나는거임.

 The AWS Access Key Id needs a subscription for the service

뭐가 문제인지 봤더니, 계정 가입이 완전히 끝나지 않아서임.

나의 경우는 결제를 하지 않아서....ㅋ

aws Lambda(람다)로 hello world! 그리고 삭제

ellapresso — Fri, 22 Nov 2019 15:16:43 +0900

aws... lambda...serverless이게뭐야... 하고 찾다가

우선 하나씩 해보기로 한다. ( 이론에 약한 편 )

벨로퍼트님의 블로그를 보고 따라했는데, 업데이트가 되면서 일부 변경이 된 것 같다.

aws로그인후, 상단 서비스 > 컴퓨팅 > Lambda를 찾는다. 그럼 다음과 같은 화면을 볼 수 있다.

우측 주황색 버튼을 눌러 함수를 만들어 보자 !

ㅇㅇ..

누르면 아래와 같은 아가들이 보인다. 난 다른건 모르겠고 벨로퍼트처럼 새로작성.. 함수이름 써주고..

이제 노드 8.10도 된다 ! 나는 8.10로 선택 했다.

그 아래 '실행 역할을 선택하거나 생성하여'를 클릭하면 다음과 같은 내용이 있다.

음.... 블로그에서는 사용자 지정역할생성을 선택했는데 이제 그게 없다... 따로 만들어야되나보다..

그래서 일단 기본 람다권한으로 실행햇다. 왜냐면 난 헬로월드를 띄울거니까 뭐 필요하겠나 싶어서.

만들어진 함수가 바로 뜬걸 볼 수 있다.

싱기...

아래로 내리다 보면..

이런 코드부분이 나오는데, 나는 Hello from Lambda를 Hello world로 수정했다.

뭐가 뜨더라도 내가 어디서 뭘 한건지 알고싶어서.

그리고 잊지말고 상단 메뉴바에 주황색으로 변한 Save를 눌러준다.

만약 잊고 다른화면으로 넘어가있더라도, 수정되지않고 변경하고자하는 상태로 유지가 되어있으니 돌아와서 save해주자 !

그리고 나서 다시 위쪽으로 올라와 구성탭의 Designer안에 있는 트리거 추가 버튼을 눌러준다.

여기서 API를 생성할 거다.

API 게이트 웨이를 선택 한 다음,

새 API 생성, 보안은 열기로 해준다. 그냥 생성되는지 테스트 할거니깐 ! ( 단 순 )

아래 추가세팅은 건드리지 않았는데, 이렇게 생겼다.

다 했으면 아래 add버튼으로 만들어준다.

그럼 API게이트웨이가 생성된게 보인다. 싱기22..

아래 API게이트웨이의 화살표를 열어주자.

그리고 엔드포인트 링크를 클릭하면, 바로 Hello world!를 볼 수 있다.

이제 이것저것 눌러서 다른 api도 만들어본다.

그리고 나면 왠지 내가 싼 똥을 지우고 싶어진다.

상단 서비스 > 네트워킹 및 콘텐츠 전송 > API Gateway로 간다.

그러면 방금 테스트 하느라 만들어진 아이들이 보인다.

왼쪽의 라디오버튼으로 선택해준 다음, Actions에서 삭제해준다. 끗

[javascript] 즉시 실행 함수

ellapresso — Mon, 18 Nov 2019 09:02:04 +0900

함수 표현문

function() {}

함수 표현식

const fn = () => {}

즉시 실행 함수 표현식

(function() {
  console.log('Hello World!');
})();

!function() {
  console.log('Hello World!');
}

+function() {
  console.log('Hello World!');
}

-function() {
  console.log('Hello World!');
}

void function() {
  console.log('Hello World!');
}

((a, b) => {
  console.log('Hello World!');
})(a1, b1);

redis설치하기 재정리

ellapresso — Thu, 24 Oct 2019 15:33:25 +0900

기존에 써놓은 redis 설치하기 안보고 그냥 redis 홈페이지에 나온대로 했다.

더 빠르고 쉬웠음.

레디스를 저장할 위치에서 순서대로 네가지 명령어를 터미널에서 실행한다.

wget http://download.redis.io/redis-stable.tar.gz

tar xvzf redis-stable.tar.gz

cd redis-stable

make

make test (안해도 괜찮음)

ls로 디렉토리를 확인하면 설치된것을 확인 할 수 있다.

cp src/redis-server /usr/local/bin/

cp src/redis-cli /usr/local/bin/

위 명령어로 디렉토리를 카피해 주거나

make install

이렇게 해주면 준비 끝.

설치가 잘 되었는지 확인해보자.

우선, 다음 명령어를 실행시킨다.

redis-server

이 그림이 터미널에 보인다면 redis서버를 실행한 것이다.

새로운 터미널 탭을 띄워서 이번엔 다음 명령어를 실행한다.

redis-cli

그러면 cli가 실행 되면서 로컬호스트 아이피로 접속됨을 확인 할 수 있고, ping을 쳐보면 pong이라고 대답해준다.

참고 링크 : https://redis.io/topics/quickstart

[javascript] async/await

ellapresso — Thu, 10 Oct 2019 09:20:17 +0900

async

async 함수는 항상 promise를 반환

async function f() {
    return 'async example';
}

// 이상없는데 언제 알려줄까? 의 상태
console.log(f()); // Promise {<resolved>:'async example'}

f().then(alert);

// f()와 동일하게 동작
async function f2() {
    return Promise.resolve('async example2');
}

await

promise가 확정된 결과를 반환할 때 까지 대기.

지금은 뭐 없는데ㅋㅋㅋ의 상태

async function f() {
    const promise = new Promise((resolve, reject) => {
        setTimeout(() => resolve('done!'), 1000); // 1초 뒤 결과가 확정된다.
    });
    alert(await promise);
}

f(); // 1초 뒤 알림창 팝업

await만 사용시 오류 발생

function notF(){
  const promise = Promise.resolve(1);
  const result = await promise; // Syntax Error
  return result ;
}

async/await 의 여러 표현방법

기본

async function f() {
    await foo(1, 1000);
}

즉시실행

(async function f() {
    await foo(1, 1000);
})();

화살표 함수

const f = async () => {
    await foo(1, 1000);
};

async/await의 잘못된 예제

// 원하는 결과 : 1 2 3
async function f() {
    await foo(1, 2000);
    await foo(2, 500);
    await foo(3, 1000);
}

function foo(num, sec) {
    setTimeout(function() {
        console.log(num);
    }, sec);
}

f(); //실제 결과 : 2 3 1

1 2 3 순서가 되도록 수정

// foo()를 수정함
async function f() {
    await foo(1, 2000);
    await foo(2, 500);
    await foo(3, 1000);
}

function foo(num, sec) {
    return new Promise(function(resolve, reject) {
        setTimeout(function() {
            console.log(num);
            resolve('async는 Promise방식을 사용합니다.');
            // resolve를 써주지 않으면 2 3 1 이 나옴.. why?
        }, sec);
    });
}

f(); //실제 결과 : 1 2 3

[javascript] Promise

ellapresso — Thu, 10 Oct 2019 09:18:53 +0900

:: 콜백함수를 연결할 수 있는 이미 진행중인 프로세스

지금은 뭐 없는데 이상없으면 이따 주고 이상있으면 알려줄게ㅋㅋ(언제?)

대기(pending): 이행하거나 거부되지 않은 초기 상태.
이행(fulfilled): 연산이 성공적으로 완료됨.
거부(rejected): 연산이 실패함.
처리됨(settled): 대기가 끝나고 이행 또는 거부 됨.

const _promise = param => {
    // 비동기를 표현하기 위해 setTimeout 함수를 사용
    const newPromise = new Promise((resolve, reject) => {
        window.setTimeout(() => {
            if (param) {
                resolve('TRUE를 반환');
            } else {
                reject(Error('ERROR를 반환'));
            }
        }, 3000);
    });
    return newPromise;
};

_promise(true) //true or false
    .then(text => {
        console.log(text);
    })
    .catch(err => console.log(err));

노드 프로세스 관리하기 - pm2

ellapresso — Wed, 25 Sep 2019 17:28:52 +0900

설치 방법 : 전역으로 설치해준다.

npm install pm2 -g

pm2 start app.js : node app.js와 같은 실행 명령어. 실행하고나면 리스트에 등록된다.

pm2 list : 관리중인 리스트 목록보기, 표시된 id와 name으로 pm2명령어를 편리하게 사용할 수 있다.

pm2 stop < app_name | id | 'all' | json_conf > : 중단

pm2 restart < app_name | id | 'all' | json_conf > : 재시작

pm2 reload < app_name | id | 'all' | json_conf > : 재시작

pm2 delete < app_name | id | 'all' | json_conf > : 목록에서 삭제

pm2 start < app_name | id | 'all' | json_conf > : 시작

pm2 logs < app_name | id | 'all' | json_conf > : 로그를 볼수 있다. 실시간. 끝낼때는 ctrl + c

이외의 명령어 참고 사이트 : https://www.npmjs.com/package/pm2

node cron사용해서 일정시간마다 함수 실행시키기

ellapresso — Wed, 25 Sep 2019 17:19:22 +0900

설치 방법

npm install cron --save
또는
yarn install cron --save

사용 방법

const {CronJob} = require('cron');

const timezone = 'Asia/Seoul';

function test(){}

const cronfn = new CronJob('* * * * * *',test,null,false,timezone);

cronfn.start(); // 크론 실행

------------------------------

cronfn.stop(); //크론 중지

* * * * * * : 초, 분, 시, 일, 월, 연 단위이다. *은 all을 뜻한다.

즉 별 6개인채로 한다면 매년 매월 매일 매분 매초 실행하므로 매 초 test함수가 실행된다.

* * 1 * * *라면 매년 매월 매일 1시 매분 매초 실행한다. 즉 매일 한시 한시간동안 매초마다 test함수가 실행된다.

* * 1-10 * * *라고 한다면, 1시부터10시까지 매초 실행된다.

*/1 * * * * 라고 한다면, 1분마다 함수가 실행된다,

참고 사이트 : https://www.npmjs.com/package/cron

[mongodb] mac os 몽고디비 설치/ compass연결하기

ellapresso — Sat, 31 Aug 2019 16:37:37 +0900

맥북프로 사용자임 :: MacBook Pro (13-inch, 2017, Two Thunderbolt 3 ports) 아직 업데이트 안해서 하이시에라 사용중.

홈브류를 사용해서 설치했음.

brew update
brew tap mongodb/brew
brew install mongodb-community
//여기까지 설치완료

brew services start mongodb-community //시작
brew services stop mongodb-community //종료

>> 참고 사이트 : mongodb/homebrew-brew

로컬에 설치된 몽고디비는 터미널에 mongo라고 치면 접속할 수 있다.

db라고 치면 가지고 있는 데이터베이스 리스트가 나타난다.

여기서 이것저것 실습해보고, gui연결을 해보았다.

몽고디비 홈페이지에서 compass를 다운받았다. 아래링크에 달아두겠음.

>> 참고 사이트 : mongodb-compass download

설치후 localhost 들어가니 바로 내가 만든 콜렉션이 보임.

nvm 지난 노드버전 삭제하기

ellapresso — Thu, 29 Aug 2019 14:56:52 +0900

nvm list로 설치되어있는 버전을 우선 확인한다.

nvm uninstall v6 을 실행하면, 설치되어있던 6.xxx버전이 삭제된다.

nvm 노드 기본버전 설정하기

ellapresso — Thu, 29 Aug 2019 14:54:31 +0900

nvm, node는 설치되어있는데 계속 터미널 새탭이 켜질때마다

nvm use v10으로 설정을 해줘야 했다.

그래서 아예 설정을 변경했다.

우선 nvm list로 현 상태를 확인한다.

나의 경우는 default ->System으로 되어 있었다.

nvm alias default v10을 실행후 다시 확인하니

default->v10(v10.16.3)으로 바뀌어있다.

배달의 민족 한나체 그림(이미지) 약어 모음

ellapresso — Tue, 27 Aug 2019 12:42:24 +0900

배달의 민족에서 제공하는 무료폰트중에서 한나체(PRO)에서 제공되는 그림들을 모두 찾아보았다 ㅋㅋ 동생이 유니코드파일 뒤져서 찾아낸것도 있고 유추해본것도있고.. 같은 뜻 다른말의 경우는 같은 그림이기도 했음. 골뱅이 ㅋㅋㅋㅋㅋㅋㅋㅋㅋ어쩔거야 ...

단어	음식이름	단어	음식이름	단어	음식이름	단어	음식이름	단어	음식이름	단어	음식이름
갋	갈비	걃	달걀말이	곝	삼계탕	곫	골뱅이	갅	간장	콬	코코아
겺	삼겹살	겢	양념게장	곥	고르곤졸라피자	곷	고추	갲	육개장	팗	팔보채
굯	국수	겥	바게트	긑	에그타르트	렍	오렌지	걇	달걀후라이	풏	푸차
귣	규동	괒	과자	꿂	꿀물	렏	카레돈까스	굲	군함초밥	픒	애플파이
깉	딸기타르트	돜	인도커리	댗	대창	뱇	배추	굷	굴비	홫	화채
넟	도너츠	딹	딸기	둪	호두파이	벝	버터	귴	규카츠	횓	회덮밥
떢	떡(떡볶이)	랎	랍스타	랂	계란후라이	벸	바베큐(?)	꿥	꿔바로우
럳	샐러드	랕	그라탕	밁	밀가루	봌	아보카도	닏	가쿠니동
맠	마카롱	맅	닭도리탕	빋	에비동	붗	부침개	됒	돼지
뭋	무침	밄	메밀소바	샄	사케동	븡	올리브오일	됝	된장
슼	스키야끼	봈	보쌈	섩	설탕	뼣	뼈해장국	둦	만두전골
엋	연어초밥	뼏	뼈다귀	셎	소세지	쇡	쇠고기	맄	리코타샐러드
욷	우동	슽	스파게티	쌃	쌀밥	슠	슈크림	맢	마파두부
웇	새우초밥	슾	스프	앑	알탕	쎙	반쎄오	붋	불백(?)
윛	샌드위치	쌁	쌀국수	얕	야채	앺	사과(애플)	샠	새콤
잌	케이크	엏	연어회	옧	옥수수	왅	완자	앏	알밥
짲	짜장면	잩	감자튀김	옺	오징어	웉	새우튀김	앾	야끼우동
쫆	쫄면	젙	디저트(푸딩)	옼	오코노미야끼	웾	웨지감자	얔	쇼가야키
칰	치킨	촠	초코	젅	전주비빔밥	쭊	쭈꾸미	엍	추어탕
칽	칼국수	캋	돈카츠	츧	카츠동	챆	채끝살	읹	인절미
컾	커피	콫	돈코츠라멘	칮	치즈	챚	읽	참치초밥(일식)
핒	피자	쿸	쿠키	칯	참치초밥	춪	고추장	잋
햊	해장국	탘	타코	탵	동태탕	퀫	퀘사디아	잧	유자차
혿	호두	폳	포도	팓	파닭	팢	파전	쥪	쥐포

객체 디스트럭쳐링 메모

ellapresso — Tue, 27 Aug 2019 09:05:53 +0900

const sample = ( text ) => {
	const id = '문자열'
	const key = {}
	key[id] = text
}

const sample = ( text ) => {
	const id = '문자열'
    const key = {
    	[id] : test
    }
}

es10이후 문법.