Web (55) 썸네일형 리스트형 [NGINX] SSL 인증서 발급 Error (feat. certbot) 원인&해결 certbot으로 인증서 생성 sudo certbot --nginx -d domain.com 후 nginx -t를 하니 아래와 같은 에러가 났다. 보니 domain.com.conf는 변경이 자동으로 되었는데 pem 파일 등이 안만들어진것이였다. 도메인 연결한지 별로 안되서 잘 안된것 같기도하고 (연결 불안정) 여러번하다보니 시간이 지나고 나서 그냥 되었다. 하다가 뭔가 기존것이 있는데 기존꺼 말고 새로 만들거임? 이라는 옵션이 있었는데 계속 파일이 안만들어진다면 새로 만들기를 하자. 그러면 잘된다. domain.com-001 뭐 이렇게 만들어진다. 새로 만드니까 더 잘됬다; 인증서 제거 파일을 없애거나 할 경우 파일만 없애는게 아니라 권한제거를 해줘야하는것 같다. 참고 https://eff-c.. [node] node-gyp Error gyp.. 사랑과 증오가 담긴 단어이다. GYP는 빌드 자동화 도구이며 파이썬으로 작성된 메타 빌드 시스템이다. 우리에게 많은 것을 가능하게 해주는 빌드툴이지만 나같은 보통의 개발자 같은 경우 잘 안보는 툴이다.하지만 우리가 사용하는 거의 모든곳의 베이스가 되는 node-gyp.. 그래서 node를 시작하면 처음으로 접하는 error가 node-gyp 관련 에러인 경우가 많다. python기반이므로 node-gyp error는 python 관련된게 많으며, node-gyp의 버전에 따라 pyhtno 3.x 이나 python 2.7.x 를 요청하는 경우가 있는데, 환경에 따라 이제 에러가 나는것이다. 실질적으로 npm에 들어가서 조회를 해보는 경우 버전마다 요청하는 python의 버전이 다르다. https.. [JS] ubuntu 18.04 npm install Error (feat. gyp) (AWS EC2) ubuntu 18.04 에서 npm install을 하니 error가 주구장창 나온다. npm version 8.5.0 node version v16.14.0 해결 https://24hours-beginner.tistory.com/21 Ubuntu 18.04 node-gyp rebuild error https://askubuntu.com/questions/1057737/ubuntu-18-04-lts-server-npm-depends-node-gyp-0-10-9-but-it-is-not-going = 0.10.9) but it is not going to be installed" data-og-description="My environment is.. 24hours-beginner.tis.. [React] CRA에서 Eject 사용 안하고 webpack custom 하기(customize-cra, react-app-rewired, 웹팩 설정 오버라이딩) ecject은 custom을 할 수 있는 정말 좋은 기능이지만 그거에 따른 부작용이 좀 많다. 그럼에도 불구하고 장점이 많아서 eject을 했는데 eject을 안해도 된다는 신박함을 알게 되어 포스팅 해본다. custom은 ecject만큼은 아니라고 하지만.. 음.. 괜찮은듯 하다. 상세한 설명이 필요하면 아래 링크를 들어가보자. https://medium.com/@jsh901220/create-react-app%EC%97%90%EC%84%9C-eject%EC%82%AC%EC%9A%A9%EC%95%88%ED%95%98%EA%B8%B0-customize-cra-react-app-rewired-10a83522ace0 Create-React-App에서 Eject사용안하기(customize-cra, react-.. [React] React 초보? 참고 사이트 추천 Create-React-App에서 Eject사용안하기(customize-cra, react-app-rewired) https://medium.com/@jsh901220/create-react-app%EC%97%90%EC%84%9C-eject%EC%82%AC%EC%9A%A9%EC%95%88%ED%95%98%EA%B8%B0-customize-cra-react-app-rewired-10a83522ace0 Create-React-App에서 Eject사용안하기(customize-cra, react-app-rewired) CRA를 쓰는 이유 medium.com Memoization으로 더 빠른 React Apps 만들기 https://junghan92.medium.com/%EB%B2%88%EC%97%AD-memoi.. [웹 보안] XSS / CSRF / SQL INJECTION iframe 사용을 지양하는것이 좋다는 말을 듣고 왜? 라는 생각이 들었으며 그 원인을 찾아보는 중 XSS 와 CSRF 키워드가 나왔다. https://program-developer.tistory.com/99 XSS와 CSRF(XSRF)의 차이점 사이트 간 스크립팅(XSS: Cross-Site Scripting) 웹 애플리케이션에서 많이 나타나는 취약점의 하나로, 웹사이트 관리자가 아닌 이가 웹 페이지에 악성 스크립트를 삽입할 수 있는 취약점이다. - 이 취 program-developer.tistory.com 1. XSS (Cross-Site Scripting) 요약 키워드 : SCRIPT 삽입, Client 공격 요약 : 웹사이트 관리자가 아닌 이가 웹 페이지에 악성 스크립트를 삽입할 수 있는 취약.. [React] 소스 맵(Source Map) sourcemap 이란? 소스 맵(Source Map)이란 배포용으로 빌드한 파일과 원본 파일을 서로 연결시켜주는 기능입니다. 보통 서버에 배포를 할 때 성능 최적화를 위해 HTML, CSS, JS와 같은 웹 자원들을 압축합니다. 그런데 만약 압축하여 배포한 파일에서 에러가 난다면 어떻게 디버깅을 할 수 있을까요? 정답은 바로 소스 맵을 이용해 배포용 파일의 특정 부분이 원본 소스의 어떤 부분인지 확인하는 것입니다. 이러한 편의성을 제공하는 것이 소스 맵입니다. sourcemap 확인하기 프로젝트를 build하고 나면 기본적으로 소스가 그대로 보인다. 크롬 기준 > 개발자 도구(ctrl+shift+i or F12) > Sources 이걸 소스맵(sourcemap)이라고 한다. 이럴 경우 내가 만든 모든게.. [React] GENERATE_SOURCEMAP=false build error (feat. windows 10) 아래와 같이 build를 했을 경우에는 문제가 없었다. package.json // package.json "scripts": { "build": "react-scripts build", }, // or "scripts": { "build": "react-scripts build && gulp licenses", }, 그런데 sourcemap 제거를 위하여 아래와 같이 GENERATE_SOURCEMAP=false 옵션을 줬더니 에러가 났다. // package.json "scripts": { "build": "GENERATE_SOURCEMAP=false react-scripts build", }, 'GENERATE_SOURCEMAP'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파.. 이전 1 2 3 4 5 ··· 7 다음 목록 더보기
