야금야금 코딩 기록

PR 확인 하셨을까요?회사에 출근하면 하루도 빼먹지 않고 하는 것 같은 말이 있다면, 그것은 바로 'PR 확인 부탁드립니다~ '인것 같다. 하루는 출근하자 마자 옆자리 동료가 '혹시 제 PR리뷰 확인하셨을까요?' 라고 했는데, 내가 이미 리뷰한 사항이었다. 문득 다음과 같은 생각이 났다. PR 리뷰, 댓글,  승인자동으로 알림 받고 싶다.기존에도, 이메일로 bitbucket활동에 관해 메일을 받고 있기는 했지만, 사실상 메일은 목록만 봐서는 직관적이지 못하고 여러개의 알림메일이 혼재되어 있어 회사에서는 메신저로 slack을 사용하고 있었기 때문에, 당연히 관련 플러그인이 있을거라고 생각하고 검색해봤다. 결론적으로는 Bitbucket에서 일어나는 여러가지 활동을 Slack에서 구독 가능하고 알림 받을 수 ..

There are no solutions: there are only trade-offs.해법이라는 것은 없다. 오직 절충만이 있을 뿐이다.    프로그램의 성능은 비즈니스 요구사항 충족이라는 우선적인 과제에 늘 밀리기 마련이지만, 개발자에게는 성능을 관리하고 개선 시켜야할 역할과 책임이 있다고 생각한다. 성능을 개선하기 위해서는 먼저 성능을 측정해야 한다. 그래야만 성능이 개선 되었을 때, 어느정도 개선되었는지 그 수치를 정확하게 측정할 수 있다.    오늘은 Lighthouse에서 웹페이지의 품질을 분석하고 그 분석 결과를 통해 간단한 개선 위주로 정리해보려고 한다. 회사에서 일본 웹 서비스의 SEO 개선을 목표로 하고 있어, 점진적으로 개선을 시도할 예정이다. (SEO를 핑계로 프로그램 성능 왕왕 ..

"저희는 이 api 클라이언트에서 써야하는데.. 그럼 CORS 처리해주시나요?" 최근 회사에서 통합 검색 api를 다른 도메인으로 요청하라는 개발 사항을 전달 받고 다시 떠오른 CORS 이슈.누구나 겪었지만, 누구나 제대로 알고 처리하는 것은 아니기에 이제라도 제대로 정리해보자는 마음으로 정리해본다.  CORS를 설명하기 위해서는 먼저  SOP를 알아야 한다. SOP📮 Same-origin Policy (동일 출처 정책) 란?Same-origin Policy(MDN): 하나의 출처에서 만들어진 문서/스크립트가 다른 출처의 자원과 어떻게 상호작용 할 것인가에 대해 제한하는 주요 보안 방식: The same-origin policy is a critical security mechanism that res..

북스터디 시작 clean code 읽기 clean code 완독 후기 작성하기 북스터디 종료 친구들과 나누기

개요 2.27일 월요일 방문한 DEVIEW 2023. 이전에 다니던 회사에서 보내주는 세미나 외에 나 홀로 오프라인 컨퍼런스를 신청해서 다녀온 것은 처음이었다. 웹 개발로 전향한 이후, 국내에서 들을 수 있는 컨퍼런스가 많아져서 좋다. 모든 것을 다 이해할 순 없지만, 그래도 내가 사용하는 기술과 가깝고, 사용하는 워딩도 비슷하다는 사실에 놀랐다. 더 오래, 더 많은 것을 들을 수 있었으면 좋았겠지만, 일도 있고 해서 반나절 정도만 참석했다. 개발의 세계는 참 넓고, 다양하고, 끊임없이 변화한다. 내가 어쩌다 이 세계에 발을 들이게 된건지,, 신세를 한탄하면서도 좋은 기술팁과 인사이트를 얻을 수 있는 유익한 시간이었다. 자료가 공개되면, 더 꼼꼼히 볼테지만 우선은 까먹기 전에 후기를 남겨 보려고한다. 내..

삼성역 노브랜드 버거 차마 맛집이라고는 할 수 없으나, 이 가격에 삼성역에서 치킨 샐러드를 먹기는 힘드니까 남겨본다. 한 때는 꽤나 유명했던 노브랜드 버거. 이마트 브랜드의 노브랜드 버거가 가성비 브랜드로 뜨기 시작할 때 생겼다. 예전에 이거 먹어보겠다고 멀리서 포장해와서 먹기도 했었는데, 딱히 군더더기 없이 평범한 버거 맛이었다. 요즘 경기가 다시 어렵다고 하기 다시 뜨는 것인가.. 위치 위치는 여기. (빨간 동그라미) 치킨 시저 샐러드 공홈에서 가져온 이미지이고, 분명 여기 있었던거 같은데, 사진은 업데이트 되지 않았다. 코엑스 몰에서는 조금 떨어진 위치다. 나는 그랜드볼룸에 방문했다가 돌아오는 길에 저녁을 먹으러 갔다. 가게는 넓고 쾌적한 편이다. 포스팅할 생각까지는 못했어서 사진이 많지 않다ㅠㅠ ..

코엑스에 볼 일이 있어서 왔다가 공부하려고 찾아 간 가배도. 월요일 저녁 시간대였는데 사람도 별로 없어 조용하고, 카공하기 딱이라는 생각에 추천 글을 남겨보려 한다. 알고보니 티라미수 맛집이었다지,,, 조만간 티라미수 먹으러 다시 가야징 하핳 일단 위치는 여기다. 삼성역 6번 출구에서 별마당 도서관을 지나 직진하다보면 나타나는 길다란 복도 바로 다음에 위치해 있다. 아마도 조금 외진 이곳에 있어서 사람이 많이 없는 것 같기도 하다. 이런 노트북 놓고 공부하기 좋은 자리가 한 쪽 벽면에 줄지어 있어서 책 읽거나 공부하기 좋다. 밑에 콘센트도 있고, 벽면 좌석도 적당히 푹신한 편. 솔직히 삼성역에 쇼파 테이블 있는 카페 찾기 어려운데, 여기는 쇼파 자리도 있어서 앉아서 쉬기에도 좋을 거 같다. 시그니처 메뉴..

Stash: (안전한 곳에) 넣어두다[숨기다] 보통 한 번에 하나의 이슈만을 처리하면 좋겠지만, 일을 하다보면 여러개의 일을 처리해야 할때도 있고, 특정 브랜치에서 뭔가를 확인해야 할일 도 생긴다. 이 때, 작업중인 내역을 커밋할 수는 없고, 날리기도 아까울 때 필수적으로 사용하게 되는 명령어가 바로 stash 이다. 기본 사용법 1) 저장(save) save 뒤에 따옴표로 description을 포함하여 저장한다. $ git stash save '[Feature] ** 작업중' 2) 목록 보기(list) $ git stash list 위와 같이 저장한 목록은 list 명령어로 볼수 있다. stash는 스택으로 관리된다(FILO/선입후출). 결과는 아래와 같이 출력된다. 3) 적용하기(apply) 변경 ..

100년만에 회사 키보드를 청소했다. 더럽다고 생각한지는 꽤 되었는데 청소할 엄두는 내지 못했다. 무엇보다 나의 퇴근 시간은 소중하니까. 점심시간을 이용해 빠르게 청소하고, 후기도 빠르게 남겨 보려고 한다. 나의 키보드는 레오폴드 FC750R 저소음 적축 당시에는 사무실에서 사용할 것을 고려해서 저소음으로 구입했으나 키감은 적축이 압도적으로 좋은것 같다. 참고 필요 청소 용품은 준비물 에어스프레이, 미니 빗자루, 청소 티슈 모두 다이소 제공 내돈내산 아님 동료돈동료산. 처음 청소를 마음 먹었을 때는 거창하게 키보드 청소기를 사려고 찾아보기도 했는데 역시나 출력이 좋을수록 가격이 비싸고, 많이 쓰지도 않고 둘데도 없어서 알아보다가 에어스프레이로 청소하였다. 하고나니 굳이 그걸 살 필요없었던 거 같다. 본격..

샌드박스에서 React 코딩을 하다가 VScode로 복사 해왔는데, 몇가지 오류를 경험하고 해결 과정을 기록해둔다. 1. npm start 가 안될 때 PS C:\Users\workspace\react-hooks\src> npm start > react@1.0.0 start > react-scripts start 'react-scripts'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다. 해결 방법 npm install -save react-scripts 해당 명령어를 실행하면 node_modules를 폴더가 생기면서 npm start가 가능해진다. 2. Manifest: Line: 1, column: 1, Syntax error. 오류 해결 방법 index.html..