포시코딩

설치 brew install nginx 설치 확인 brew services list 세팅 cd /usr/local/etc/nginx rm -rf nginx.conf vi nginx.conf nginx.conf.default 파일이 있기 때문에 그냥 편하게 지우고 다시 만들기 nginx.conf 파일 수정 worker_processes 1; events { worker_connections 1024; } http { include mime.types; default_type application/octet-stream; upstream backend { server localhost:8080; server localhost:8081; } server { listen 80; location / { proxy..

프로젝트 시각화 - Figma https://www.figma.com/ Figma: the collaborative interface design tool. Build better products as a team. Design, prototype, and gather feedback all in one place with Figma. www.figma.com 와이어 프레임 https://moqups.com/ Online Mockup, Wireframe & UI Prototyping Tool · Moqups moqups.com ERD https://www.erdcloud.com/ ERDCloud Draw ERD with your team members. All states are shared in rea..

개요 Naver Maps API 를 사용하다 보니 public/index.html에서 script를 로드하는데 내 Client ID가 그대로 노출되고 있는걸 발견해서 어떻게 숨겨서 요청을 할 수 있을까, 다른 사이트는 어떤 방법을 쓰고 있을까 찾던 도중 다른 사이트들도 다 관리자 도구를 열어 요소탭에서 Client ID에 대해 검색하면 Client ID가 나오고 있는 현상을 발견했다. 문제 발견 여기서 문제는 아~ 그냥 노출되는 방식이구나 하고 넘어가는게 아니라 해당 Client ID를 통해 API를 요청하고 있고 해당 요청 횟수는 쌓여서 실제 요금에도 영향을 끼치고 있는데 위의 방법을 통해 알아낸 다른 사람의 Client ID를 내가 가져다 사용할 수 있다는 것이다. 실제로 공식 문서의 Client I..

https://boleesystem.tistory.com/562 [오류해결] 직접 겪은 무한로딩 ZEP 이슈 파헤치기? bandwidth, 무중단 배포, 로드밸런서 health check, 부트캠프 교육장소인 ZEP을 접속하려는데 무한로딩으로 오류가 발생했다. 부트캠프 동료가 공유한 서버 에러 화면이다. 30분 뒤 무한로딩 오류가 해결된 후의 개발자 도구 콘솔창이다. 여전히 트 boleesystem.tistory.com

lsof 명령어 터미널에서 lsof라는 명령어를 통해 간편하게 특정 포트를 찾을 수 있다. lsof란 list open files를 의미하며, 현재 시스템에 열린 파일 목록에 대한 정보들을 알려준다. 1. 포트를 점유하고 있는 프로세스에 대한 정보 찾기 lsof -i :포트번호 2. 해당 포트를 점유하고 있는 PID를 찾아 종료시키기 kill -9 포트를 점유하고 있는 PID 사용예 1. 3000번, 8080번 포트로 찾기 2. NAME에서 (LISTEN)중인 프로세스의 PID 확인. (아래에선 11434) 3. kill 한 후 다시 확인하면 아무것도 안나오는것을 볼 수 있다.

저번에 적용한 스킨에 태그와 태그의 css가 적용되지 않아 고민중인 포스팅을 올렸었는데 그간 여러가지 시도를 해봤다. 제작자의 github에 들어가 issue 사항에 올려보고 (실제로 체크해주셨다.) fork 떠서 내가 직접 수정한다음 pull request 할 생각도 해봤는데 애초에 scss? Pug? 이런걸 써서 만든거라 코드를 해석할 수도 없어서 실패로 끝났다. issue에 등록됐다 하더라도 업데이트 하시는데 시간이 좀 걸릴 것 같아 보였는데 그냥 내가 직접 스킨 편집 -> html, css 수정을 통해 하면 되는거였다..! 그래서 그냥 css파일에 직접 sup { vertical-align: super; font-size: smaller; } sub { vertical-align: sub; fon..

팀 프로젝트를 진행하며 다른 팀의 발표를 보다가 팀원들의 역할에 대해 R&R이라는 언급을 하는걸 보았다. 나는 그냥 역할 이라고만 구분지어 놓고 한 일들을 단순 무식하게 나열했는데 궁금해서 검색해보니 Role and Responsibilities라는 뜻으로 전문적인 작성 방법도 있는 것을 알 수 있었다. 작성은 크게 이름 직급/직책 책임파트 역할 책임 상세업무 이렇게 나눠 작성하는듯 하다. 내게 아직 큰 그림을 보는 능력이 있는지 모르겠지만 만약 다음 팀 프로젝트를 진행하게 된다면 이와 같은 방법으로 역할에 대해 정리하여 진행해봐야 겠다. 참고사이트 https://office-life.tistory.com/21 R&R이란 무엇일까? R&R 작성하는 방법 안녕하세요 효니톰입니다. 오늘은 R&R에 대해 설명..

취업 준비를 하다 다시 공부를 더 하기로 다짐하고나서 돌이켜보니 내가 참 공부를 하고싶을 때만 했었구나 라는걸 새삼 느꼈다. 이 블로그도 애초에 글 쓰는걸 즐겨하는 스타일도 아니고 말 그대로 내가 공부한걸 보여주기용으로 쓰다보니 내가 정리하고 싶어서 쓰는 글도 아니고 사람들이 봤을 때 도움이 될만한 글도 아닌 것들을 포스팅하고 있었다. 그래서 요즘 시작한게 깃허브에 따로 TIL(Today I Learned)라고 오늘 배운걸 간단하게 분류해서 정리하는 습관이다. 블로그가 필요없을 정도로 이쁘게 정리할수도 있지만 지금은 그냥 큰 카테고리로 나눠서 간단하게 텍스트로 정리하고 있다. 7월에 GDGM을 만들며 쭉 올리다가 8월에 취업 알아보며 잠시 관리를 못했고 다시 8월말부터 TIL을 시작해서 커밋을 꾸준히 하..

글 쓸 때는 모르다가 내 게시글 확인하며 알았는데 이따구로 가독성 하나도 없게 나오고 있었음. 분명히 작성이랑 수정할 땐 색깔 구분 잘 되다가 머임? 검색 좀 해보니까 플러그인을 따로 설치해야 되더라.. 1. 티스토리 블로그 - 관리 들어가면 왼쪽 하단에 플로그인 탭 클릭 2. 검색 버튼 누르고 syntax 라고 검색 3. 취향에 맞는 테마 선택 변경사항 적용하면 모든 게시글의 코드블럭들이 이제 제대로 나올거임 내 눈에는 Atom One Dark 가 가독성이 좋은데 다른분들한텐 어떨지 잘 모르겠다.

꽤 오랜기간동안 구글크롬을 써오다가 어느순간부터 살짝 느려지는걸 체감하고서 파이어폭스로 넘어와 크롬과 비슷한 UI, Pocket 기능에 만족하며 쓰고 있었고 지금도 그런데 가끔 파이어폭스에서 넘어가지 않는 페이지가 있더라구요. 유플러스 로그인도 그랬고, 티스토리 사진 올리는 과정에서도 그랬습니다. 사진을 처음 올릴 때 설치하는 어도비 플래시 설치과정 사진추가 후 사진올리기버튼을 누르면 0/1 에서 멈추고 반응 없음.. 한동안 크롬을 쓰지 않았는데 이번 블로그를 시작한 계기로 다시 사용하게 될 것 같네요~ 아니면 크롬과 파이어폭스를 동시에 쓰겠네요 ㅎㅎ