야금야금 코딩 기록

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..

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

샌드박스에서 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..

더보기 There are only two hard problems in Computer Science: cache invalidation and naming things — Phil Karlton 개발을 하다보면, 이름을 짓는 것이 참 어렵고, 중요하다는 사실을 느낄 때가 많다. 개인적인 생각에는 잘 지어놓은 이름은 두고두고 코드를 이해하는데 작용하는거 같다. 네이밍 방법론에 대표적인 것들에는 다음과 같은 것들이 있다. 대표적인 네이밍 방법론 CamelCase(카멜 표기법): 두 개 이상의 단어가 모인 합성어에서 맨 처음 단어를 대문자로 표기하는 방법 lowerCamelCase UppperCamelCase snake_case(스네이크 표기법): 두 개 이상의 단어가 모인 합성어에서 언더라인(_), 또는 ..