As i wish

https://velog.io/@eomttt/RIDI-%EC%9E%85%EC%82%AC%EC%9E%90-%EA%B3%BC%EC%A0%9C-%ED%9A%8C%EA%B3%A0 RIDI 입사자 과제 회고 3/16 일에 새로운 회사인 RIDI에 입사하게 되었다.새로운 환경에 적응하는 일은 늘 어려운 일이다. 특히 나 같은 경우는 먼저 다가가서 친해지는 성격도 아니고 은근히 내성적이기 때문에 약간 새로운 환경을 두려워하기도 한다.무튼 그러나 회사는 회사기 때문에 최대한 빠 velog.io

간단한 토이프로젝트를 진행하게 되면 API 서버가 필요한 경우가 생기게 됩니다. 저 역시 제가 사용할 목적으로 여러가지 간단한 토이프로젝트를 진행하는데요. 대부분 웹 크롤링을 이용한 프로젝트 들입니다. 영화 정보를 가져오거나, 제가 즐겨 보는 주짓수 동영상 사이트에서 자동 재생 플랫폼이 되게 만들거나 등등 무튼 그러한 이유로 저도 클라이언트와 API 서버가 필요한데 매번 익숙하였던 AWS EC2 를 이용하였습니다. 최근에는 조금 더 간편한 Heroku 를 이용하기도 하였고, AWS Lambda 를 이용하여 node 서버를 배포하기도 해봤습니다. 위와는 조금 다르지만 쉽게 Database 를 구축 하고, REST API를 만들어 주는 라이브러리가 있어서 가져와봤습니다. 앞서 말한 Heroku 는 노드 어플..

정규식은 저도 늘 어려워하는데, 이유는 막상 자주 쓰지도 않고 쓸일이 있을 때에는 늘 stackoverflow 를 이용해서 복붙을 하기 때문이죠. 그래서 늘 아쉬움이 남았고 차근차근 공부하고 싶은 마음도 있었습니다. 그러나 막상 다른 공부에 치여 (Javascript, React, GraphQL, Node 등등등 에 핑계거리) 보질 못했는데 유명한 블로거인 Harry 님이 정리를 아주 잘해주신 글을 봐서 가져와봤습니다. 저도 틈날때마다 반복해서 읽어가며 대략적인 감각을 유지해야겠네요. 정규식 포기자를 위한 가장 쉬운 정규식 - 상 정규식 포기자를 위한 가장 쉬운 정규식 — 1 정규식 일타강사가 되어보자! medium.com 정규식 포기자를 위한 가장 쉬운 정규식 - 하 정규식 포기자를 위한 가장 쉬운 정..

좋은 링크를 공유받아서 제 블로그에 퍼옴니다. Naver가 FE관련된 News 를 매주 첫째 주 수요일 월 1회 공유해서 올린다고해서 그 링크를 가져왔습니다. Naver FE News naver/fe-news FE 기술 소식 큐레이션 뉴스레터. Contribute to naver/fe-news development by creating an account on GitHub. github.com 저도 열심히 보면서 따라가면서 공부를 게을리 하지 않아야겠어요

안녕하세요 엄티입니다. 코드를 디플로이 할 때에 Jenkins 를 많이 사용하는데, 제 로컬에서 Jenkins를 사용 할 때에 포트가 8080으로 고정 됩니다. 그렇게 포트를 고정해 버리면 흔히 사용하는 8080 을 못쓰게 되죠. 그렇기 때문에 독보적인 포트가 필요합니다. 그래서 저는 9090으로 고정을 시켰죠. 먼저 젠킨스 설치를 합니다. Jenkins mac OS 설치 macOS Installers for Jenkins LTS Jenkins – an open source automation server which enables developers around the world to reliably build, test, and deploy their software jenkins.io 여기서 하라는 ..

이번 포스팅에서는 nth-child 에 대하여 몇가지 적어 보겠습니다. 일단 p: nth-child(an+b) 처럼 사용 할 수 있고 '부모의 an+b 번째 자식인 p 요소' 를 의미합니다. 어떤 부모가 있고 그 부모 밑에 p 요소가 있는데 그중에 'an+b 번째' 자식만 선택하겠다는 의미가 되죠. 말로 풀면 의미가 조금 어려운데 바로 코드로 보겠습니다. The first paragraph. The second paragraph. The third paragraph. The fourth paragraph. Note: Internet Explorer 8 and earlier versions do not support the :nth-child() selector. 전체 스타일 내에 2번째 자식인 p 태그를..

안녕하세요. 엄티입니다. 오늘은 CSS selector 중 비슷하지만 조금 다른 것들을 알아보겠습니다. 오늘은 그 중에서 4 가지 경우를 알아볼건데요. 1. A B 2. A > B 3. A + B 4. A ~ B 1, 2 번은 A 태그 안에 있는 B 라는 태그 가 있을 경우, 3, 4 번은 B라는 태그가 A 태그 랑 같은 레벨에 있을 경우에 적용 됩니다. 1. div p: div 자식안에 있는 모든 p 의 적용 2. div > p: div 의 직계자손인 p 의 적용 'List Item 1' 가 p 태그로 감싸져 있는데 1 번인 경우 div 에 자식안에 있는 모든 p의 적용 되기 때문에 ul 태그 안에 있어도 스타일이 적용 되는 반면 2 번인 경우 'List Item 1' 이 div 의 직계 자손이 아니기..

안녕하세요. 오늘은 다른 곳 (가비아, cafe24등등) 에서 도메인을 구입 한 후, 또는 이미 구입되어있는 도메인을 Route53을 통해서 관리하도록 해보겠습니다. 일단 가장 간단한 방법으로는 도메인을 되 팔면 되지만 여의치 않은 상황일 경우 네임서버를 등록해주면 됩니다. 실제로 가비아에서 도메인을 산 후, AWS Route53에서 그 도메인을 등록해보겠습니다. 물론 더욱 간단한 방법으로는 AWS에서 도메인을 산 후, 등록하면 좋겠죠? 이렇게 원하는 도메인을 검색해 봅니다. 그럼 사용 가능 여부가 나오는데요? 그렇게 사용가능한 도메인을 구입합니다. 대략 10~15 분 정도의 시간이 흐르면 구입 확정이 됩니다. 그 사이에 aws 콘솔에 접속합니다. 현재 저는 kjglass.shop을 사서 적용시킨 상태인..

안녕하세요. 엄티 입니다. 오늘은 EC2 (ubuntu) 를 재시작 했을 때에 저의 node app을 pm2를 사용하여 재시작 하는 법에 대하여 포스팅해보겠습니다. 먼저 node app 을 ubuntu 환경에서 사용하기 위해서는 여러가지 방법이 있지만 저는 pm2 를 사용하였습니다. pm2 란 PM2 - Node.js 프로세스 관리 도구 PM2 - Node.js 프로세스 관리 도구 :: Outsider's Dev Story 서버에서 웹 애플리케이션을 운영할 때 보통 데몬으로 서버를 띄워야 하고 Node.js의 경우 서버가 크래시나면 재시작을 하기 위해서 워치독(watchdog) 류의 프로세스 관리자를 사용하게 된다. 나 같은 경우 아주... blog.outsider.ne.kr 노드를 더 우아하게 pm2 ..

오늘은 EC2 (Ubuntu) 에서 node를 설치 및 업그레이드 하는 법을 포스팅 해보겠습니다. 실제 저는 서비스를 운영할 때에 node js를 사용합니다. 근데 버전이 계속해서 나오고 있고, 업그레이드도 되고 있기 때문에 그에 맞게 node 버전 및 npm 버전을 업그레이드 해 줄 필요가 생깁니다. 아주 간단합니다. 저는 node를 설치 할때 nvm 모듈을 사용하여 node를 설치하였는데요. 업그레이드 역시 nvm으로 설치 및 업그레이드 해보겠습니다. 1. nvm 설치 1-1 설치 $ sudo curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.1/install.sh | bash 1-2 확인 $ nvm ls -bach: nvm: comma..