티스토리

코드루덴스

검색하기

블로그 홈

코드루덴스

codens.info/m

codens 님의 블로그입니다.

구독자: 2

방명록 방문하기

주요 글 목록

MacOS 에서 iOS 사파리 웹 디버깅 원격 디버깅(원격 웹 디버깅)https://dev.to/nimajafari/remote-debugging-using-google-chrome-on-ios-devices-with-macos-ca9//------------------------------------- Mac과 iOS 기기 USB로 연결 //------------------------------------- Xcode 설치 - iOS Simulator 설치 Safari 설정 -> 고급 -> 웹 개발자를 위한 기능 보기(Develop) : 체크 //------------------------------------- Chrome -> 설정 -> Web Inspector : 켜기 설정 -> Safari -> 고급 -> Web Inspect.. 공감수 0 댓글수 0 2024. 5. 13.
XPath 정보, CSS Selector 와 XPath //------------------------------------- [ HTML ] ... //------------------------------------- [ XPath ] *[contains(@class,"c1")] *[contains(@class,"c1 c2")] *[contains(@class,"c2 c1")] 공감수 0 댓글수 0 2024. 1. 8.
윈도우에서 웹 개발 중 시간을 앞으로 변경했다가 복구했는데 예전 페이지만 보이는 현상 해결 방법 웹서버 (nginx) 를 재시작 한다. //------------------------------------- 다음은 소용 없다 브라우저 캐시 삭제 - 쿠키는 지우지 말자. 자동 로그인 리셋 전체 드라이브에서 현재 시간보다 빠른 파일 삭제 공감수 0 댓글수 0 2023. 11. 30.
Apple iOS, Safari history Apple iOS history (ios 역사, 사파리 역사, safari 역사)Apple Mobile Phone OS, iPhone OS, iOS , iPadOS, Hardware support https://en.wikipedia.org/wiki/IOS_version_history https://en.wikipedia.org/wiki/Safari_(web_browser)2007 : 1 - iPhone OS 1, Safari 3 2008 : 2 2009 : 2 2010 : 4 - iOS 4 2011 : 5 2012 : 6 - , Safari 6 (iOS 와 Safari 버전이 동일해짐) 2013 : 7 2014 : 8 2015 : 9 2016 : 10 2017 : 11 2018 : .. 공감수 0 댓글수 0 2023. 7. 27.
http error code 504 gateway time-out 에러 해결 방법 - ajax error 504 gateway time-out how to extend time limit - 서버에서 처리시간이 길어져서 에러가 생기는 경우 //------------------------------------- * php 수정 set_time_limit(300); //------------------------------------- * nginx 설정 https://stackoverflow.com/questions/16002268/prevent-nginx-504-gateway-timeout-using-php-set-time-limit http { fastcgi_read_timeout 300; # 추가 안된다면 # timeout keepalive_timeout 300; fastcgi_r.. 공감수 0 댓글수 0 2023. 3. 26.
Ubuntu 20에 최신 버전 Nginx 웹서버 설치 Ubuntu 20에 최신 버전 Nginx 웹서버 설치 https://nginx.org/ - nginx.list 파일 추가 $ sudo nano /etc/apt/sources.list.d/nginx.list deb [arch=amd64] http://nginx.org/packages/mainline/ubuntu/ focal nginx deb-src http://nginx.org/packages/mainline/ubuntu/ focal nginx - 저장소 업데이트 $ wget http://nginx.org/keys/nginx_signing.key $ sudo apt-key add nginx_signing.key $ sudo apt update - nginx 삭제 sudo service nginx stop .. 공감수 1 댓글수 0 2022. 11. 23.
GoAccess(웹서버 로그 분석) GeoLocation 지원 설치 방법 - NginX 웹서버 로그 분석 툴 GoAccess의 IP에 대한 지역 이름판별 기능 추가하여 최신 버전 설치하는 방법 https://goaccess.io/release-notes - 필요 모듈 설치 $ sudo add-apt-repository ppa:maxmind/ppa $ sudo apt update $ sudo apt install libncursesw5-dev libgeoip-dev libmaxminddb-dev libmaxminddb0 mmdb-bin - GoAccess 최신 버전 설치 $ wget https://tar.goaccess.io/goaccess-1.6.5.tar.gz $ tar -xzvf goaccess-1.6.5.tar.gz $ cd goaccess-1.6.5/ $ ./confi.. 공감수 0 댓글수 0 2022. 11. 23.
Best CSS Frameworks 2022(바로 적용) - 별도 수정없이 바로 적용되어 html 페이지를 예쁘게 꾸며주는 CSS 라이브러리 * Skeleton https://github.com/dhg/Skeleton - 18.7k- 2014-12, v2.0.4- 용량 : 2.1k - 바로 적용,- 단점 : 폼에서 줄바꿈 됨, 업데이트 오래됨(개발중단?)https://cdnjs.cloudflare.com/ajax/libs/skeleton/2.0.4/skeleton.min.css" /> * Milligram https://github.com/milligram/milligram - 9.7k- 2020.06 , v1.4.1- 용량 : 3.1k - 바로 적용- 단점 : 폼에서 줄바꿈 됨, - Skeleton 과 거의 유사 , 색이 들어감 " target="_bl.. 공감수 0 댓글수 0 2022. 7. 31.
[web] 몇가지 웹개발 error 해결 방법 //----------------------------------------------------------------------------- - 에러 메시지 Refused to load the script because it violates the following Content Security Policy directive: "script-src 'self' 'unsafe-inline'". Note that 'script-src-elem' was not explicitly set, so 'script-src' is used as a fallback. - 해결 방법 https://stackoverflow.com/questions/31211359/refused-to-load-the-script-becau.. 공감수 1 댓글수 0 2022. 7. 16.
[HTML] svg 태그 SVG: Scalable Vector Graphics Tutorial https://www.w3schools.com/graphics/svg_intro.asp https://www.w3schools.com/graphics/svg_reference.asp Reference https://developer.mozilla.org/en-US/docs/Web/SVG //------------------------------------- 예제 - g (그룹) http://www.w3.org/2000/svg"> - defs (미리 정의) http://www.w3.org/2000/svg"> //------------------------------------- 주요 기능 - 도형 (shapes) https://www.w.. 공감수 0 댓글수 0 2022. 7. 14.
[HTML] canvas 태그 https://www.w3schools.com/graphics/canvas_intro.asp https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API //------------------------------------- 예제 //------------------------------------- CanvasRenderingContext2D https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D arc(), drawImage() ellipse() lineTo() rect() rotate() scale() transform() translate() //----------------.. 공감수 0 댓글수 0 2022. 7. 14.
CloudFlare 로 URL 주소 자동 포워딩 하는 방법 - 클라우드플레어 에서 auto URL Redirect 설정 //------------------------------------- - 상황 host1.example.com 주소를 example.com으로 자동 주소 변경하려는 상황 //------------------------------------- - 설정 https://dash.cloudflare.com/ 도메인 선택 //------------------------------------- -> DNS -> 레코드 추가 형식 : CNAME 이름 : host1 대상 : example.com -> 저장 //------------------------------------- -> 규칙 -> Page Rules -> Page Rule 생성 - 3개까지 무료.. 공감수 0 댓글수 0 2022. 5. 19.
nginx http(80) 접속을 자동으로 https(443,ssl)로 변경하기 - 자동 redirect 하는 방법 - 설정 파일 nginx.conf 수정 server { listen 80; server_name host.example.com; # HTTPS 로 자동 변경 return 301 https://host.example.com$request_uri; } server { listen 443 ssl; server_name host.example.com; 공감수 0 댓글수 0 2022. 4. 20.
Nginx 웹서버 설정 - 접속자 제어 Nginx 기본 내장 변수 목록 Embedded Variables list http://nginx.org/en/docs/http/ngx_http_core_module.html $remote_addr : client IP $request : 요청한 url $status : http response code $http_user_agent : 브라우저 agent //------------------------------------- - nginx 비교 방식 https://stackoverflow.com/questions/59846238/guide-on-how-to-use-regex-in-nginx-location-block-section # --------------------------------------.. 공감수 0 댓글수 0 2022. 4. 17.
AWS S3 에서 파일 로드시 CORS 에러 해결 방법 - 아마존 S3에서 CSS 파일 로드시 내부 url의 경로 파일(font등) 로드시 CORS(Cross-Origin Resource Sharing) 에러 발생하는 상황 해결법 - 403 Forbidden 에러 발생 해결 포함 //------------------------------------- Amazon S3 > 버킷 > 권한 선택 - 버킷 정책 -> 편집 - 403 Forbidden 에러 해결 - 설정 변경후 적용에 10초 이상 걸릴 수 있음 "Condition": { "StringLike": { "aws:Referer": [ "https://S3 URL Root/*", 편집 - 메뉴위치 : 버킷 권한 페이지 하단에 위치 - CORS error 해결 [ { "AllowedHeaders": [ "*".. 공감수 0 댓글수 0 2022. 4. 5.
AWS EC2 아이피 차단 방법 AWS EC2 아이피 차단 방법 VPC https://console.aws.amazon.com/vpc/ 네트워크 ACL -> 인바운드 규칙 편집 -> 새 규직 추가 -> 규칙 번호를 모두 허용하는 규칙(100)보다 작게 설정 -> 소스에 IP 입력(예: 1.1.1.0/24) -> 허용/거부를 거부로 설정 //------------------------------------- https://docs.aws.amazon.com/vpc/latest/userguide/vpc-network-acls.html#nacl-tasks https://docs.aws.amazon.com/vpc/latest/userguide/VPC_SecurityGroups.html#WorkingWithSecurityGroups https:.. 공감수 0 댓글수 0 2022. 3. 27.
Nginx 웹서버 로그 분석기 , GoAccess - web server log analysis viewer GoAccess (오픈소스) https://goaccess.io https://github.com/allinurl/goaccess - 14.5k , v1.5.5 , 2022-02 - 설치 $ sudo apt install goaccess //------------------------------------- 매뉴얼 CUSTOM LOG/DATE FORMAT https://goaccess.io/man#custom-log FILE OPTIONS - : 로그 파일을 stdin에서 읽기 - 사용예): # tail -f access.log | goaccess - //---------------------------------------------------.. 공감수 0 댓글수 0 2022. 3. 27.
AWS S3 임시 링크로 파일 다운로드 AWS S3 시간 제한 암호화 보안 토큰으로 임시 다운로드 링크 URL 생성방법 ( Generating Temporary File Download URLs with Security Token ) - S3 권한 설정 : 파일이 존재하는 'S3 버킷의 폴더'에 별도의 보안 정책(Deny) 설정이 없어야 한다. //------------------------------------- $bucket = "S3버킷이름"; $path = "upload/up.zip"; $filename = "save_name.zip"; // 사용자에게 저장될 파일 이름 //------------------------------------- - 방법 1 * 라라벨 코드 $url = \Storage::disk('s3')->temporar.. 공감수 0 댓글수 0 2022. 1. 22.
XML 파일에서 태그 찾아서 삭제 명령(command line) - 노드 찾아서 없애기 작업을 명령행으로 실행, 유틸리티 프로그램 이용, xml node find and remove * xml 제어 command line 명령 유틸 XMLStarlet 설치 XMLStarlet (http://xmlstar.sourceforge.net/) 다운로드 - TagName과 일치하는 태그의 내용 보기 xml sel -t -v "//TagName" 1.xml - TagName을 포함하는 모든 태그의 내용 보기 xml sel -t -v "//*[contains(name(), 'TagName')]" 1.xml - TagName을 포함하는 모든 태그 찾아서 삭제 xml ed -L -d "//*[contains(name(), 'TagName')]" 1.xml //-------------.. 공감수 0 댓글수 0 2021. 5. 10.
오라클 클라우드 서비스 가격 Oracle Cloud Infrastructure (OCI) - 전송 비용이 AWS에 비해서 저렴 - 유료 서버 비용이 LightSail에 비해 싸지 않음 - 평생 무료 서버를 2개 줌 ( RAM이 1GB ㅠ.ㅠ ) //---------------- Public Cloud Services Comparison https://comparecloud.in/ AWS - OCI 서비스 비교 EC2 - Compute S3 - Object Storage Amazon Elastic Block Storage (EBS) - Block Volumes //-------------------- // 평생 무료 서비스 (Oracle Cloud Always Free) https://www.oracle.com/kr/cloud/pri.. 공감수 1 댓글수 0 2021. 5. 9.
AWS EBS 저장장치 버스트 잔고 관리 (gp2 vs gp3) - RDS mysql 데이터 베이스나 EC2 웹서버 리눅스 속도가 갑자기 느려진 경우 대처 방법 - EBS Storage 읽기 쓰기 속도 저하 해결 방법 * Burst Balance (버스트 밸런스, 파열 잔고) - 파열(버스트)까지 남은 잔고, - 파열 상태 되면 거의 서비스 불능 상태가 됨 * 버스트 상태 대책 - 스왑파일이 생성돼 있으면 메모리를 증가 - 순수 입출력이 많으면 디스크 크기를 증가 - 1GB당 3 IOPS 증가 - 1TB이상이면 버스트 없음(제한 안걸림) - 하지만 가격이 월 14만원 //------------------------ 범용 SSD 볼륨(gp2) I/O 크레딧 및 버스트 성능 https://docs.aws.amazon.com/ko_kr/AWSEC2/latest/UserGu.. 공감수 0 댓글수 0 2021. 4. 22.
[Web] 백엔드 웹프레임워크 속도 측정 비교 - backend web frameworks performance benchmark (성능 벤치마크 리스트) the-benchmarker / web-frameworks https://github.com/the-benchmarker/web-frameworks - 2021/03/02 - 측정 결과 48 go (1.16) gin (1.6) 78 754.86 82 694.49 84 051.33 공감수 0 댓글수 0 2021. 3. 7.
[CSS] div 분할 (반으로 나누기) - 엘리먼트 분할하기 //------------------ * flex 사용 Left Div Right Div Up Div Right Div //------------------ * float 사용 Left Div Right Div //------------------- * display: table 사용 Left Div Right Div //----------------- // 참고 How to make side by side divs in HTML https://www.educative.io/edpresso/how-to-make-side-by-side-divs-in-html 공감수 0 댓글수 0 2021. 2. 12.
AVIF 그림 파일 포맷 - AV1 (AV1-based Image Format) 코덱의 정지 이미지 파일 포멧 - jpeg 보다 50%, webp보다 20% 압축률이 높음(크기 작음) - HDR 지원, - 애니메이션 지원 https://gif2avif.com/ - 무손실(lossless) 압축 지원 //---------------------- * 웹 브라우저 지원 https://caniuse.com/avif Chrome 85 (2020/08) Firefox 77 (2020/06) : about:config -> image.avif.enabled : true v86부터 기본 지원 //-------------------- * HTML test source //-------------------- * AVIF 이미지 뷰어 - GIMP.. 공감수 0 댓글수 0 2021. 1. 28.
Squid 프록시 접속 아이디 비밀번호 설정 방법 - Squid Cache (Proxy) password, 아이디 패스워드를 통한 접속 보안 설정 - squid v4, 우분투 기준 http://www.squid-cache.org/ * 버전 확인 /usr/sbin/squid -v //---------------------- * htpasswd 설치 sudo apt-get install apache2-utils - red hat 리눅스의 경우 sudo yum install httpd-tools * 인증 파일 생성 sudo htpasswd -c /etc/squid/.squid_users user1 - 사용자 추가, 패스워드 변경 sudo htpasswd /etc/squid/.squid_users user2 - 인증파일 소유 변경 - squid가 어느 계정으로.. 공감수 0 댓글수 0 2020. 9. 6.
Proxy API Proxy API - 무료 프록시 서버 리스트 사이트는 제대로 동작하는 것이 거의 없다 - Request 마다 프록시 사이트를 자동으로 변경해주는 서비스 - 웹 스크랩을 할때 유용 , http error 429 Too Many Requests 나 CAPTCHA 에 대응 할수 있다 //-------------------------- * Scraper API 설정해서 사용, 최저 $75 https://smartproxy.com/ * Luminati https://luminati.io/ $3.5/1k req 1000번에 4000원 * Microleaves - 프록시 서버만 제공 * Geosurf - 최소 : $450/ 달 * Oxylabs - $99 * NetNut $300 * Intoli $100 * Cra.. 공감수 0 댓글수 0 2020. 9. 2.
IP 네트워크 서브넷 마스크 network subnet mask 서브넷 마스크 127.0.0.1 / 24 에서 24의 의미 / 24 는 255.255.255.0 와 같다 255.255.255.0 -> 2진수 1111 1111.1111 1111.1111 1111.0000 0000 앞에서부터 연속된 1의 개수 세면 24 https://www.calculator.net/ip-subnet-calculator.html 255.255.255.255 /32 255.255.255.254 /31 255.255.255.252 /30 255.255.255.248 /29 255.255.255.240 /28 255.255.255.224 /27 255.255.255.192 /26 255.255.255.128 /25 255.255.255.0 /24 255.2.. 공감수 2 댓글수 0 2020. 8. 30.
구글 번역 API 사용법 Google Cloude Translate API 사용 방법 https://cloud.google.com/translate/pricing?hl=ko - 가격(요금) 500,000 자 : 무료 500,000~10억 자 : 백만 자당 $20 - 참고, A4 영어는 7000자, 한글은 4200자 정도 - 백만자는 A4지 150 장 정도 //-------------------------- - 파파고 번역 https://www.ncloud.com/product/aiService/papagoTranslation Papago NMT API , 20,000 원 / 1,000,000 글자 주의! 1자만 써도 2만원(공짜는 거부) - Amazon Translation https://aws.amazon.com/.. 공감수 1 댓글수 0 2020. 8. 15.
[웹] 프로젝트 폴더 구조 - (Node.js , 노드) Web Project Directory (folder) Structure /app : 컴파일된 자바스크립트 /assets/ : 클라이언트측(Front End) 컴파일에 필요한 파일 /assets/js : 클라이언트측 타입스크립트 파일 /assets/css : LESS, SASS /src : : 서버측(Back End) 타입스크립트 파일 /public : 정적 웹 콘텐츠 /views : 템플릿 /models : DB 모델 /controllers : 로직 /config : 설정 파일 /test : 유닛 테스트 //-------------------------- // dos command mkdir app assets assets\js assets\css src public vi.. 공감수 0 댓글수 0 2020. 8. 8.
[웹서버] Nginx로 URL 주소 뒤의 포트번호없이 접속하는 방법 - 뒤에 붙는 포트 번호 없애기 - url 단순화 - 예) URL : localhost:999 -> simple.localhost 로 변경 - nginx 이용 - nginx\conf\nginx.conf 파일 수정 server { #listen 80; server_name simple.localhost ; # 접속할 URL location / { proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; proxy_set_header X-Forwarded-Proto $scheme; proxy_set_header Host $http_host; proxy_pass http://127.0... 공감수 1 댓글수 0 2020. 8. 8.

반응형

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.