본문 바로가기

웹 프로그래밍96

nginx 로그 포맷 설정 nginx를 설치하고 난 뒤, 로그 포맷을 설정할 때 설정 파일 sudo vi /etc/nginx/nginx.conf 로그 포맷 설정하는 부분 log_format main escape=json 으로 해주면 로그가 json 형식으로 나오게 된다. http { log_format main { . . . } } 로그 변수들. $http_user_agent $http_cookie $arg_name $args $binary_remote_addr $body_bytes_sent $bytes_sent $connection $connection_requests $content_length $content_type $cookie_name $document_root $document_uri $host $hostname $h.. 2019. 9. 25.
crontab 설정 Linux 에서 명령을 주기적으로 실행하고 싶을 때 사용 크론탭 설정하기 crontab -e 크론탭 설정확인 crontab -l 크론탭 삭제 crontab -r 실행 주기 설정 및 사용법 * * * * * (명령어) * * * * * 분 시 일 월 요일 0-59 0-23 1-31 1-12 0-6 * * * * * 로 매분 실행하고 싶은데 bad hour 이나 bad day-of-month 등이 뜰 때가 있다. 이럴땐 * 을 띄워쓰기 해줘야 한다. 혹은 표에 있는 숫자로 직접 지정해주면 해결된다. crontab 시간에 대해 랜덤 예제를 주며 설명해주는 사이트 https://crontab.guru/ crontab.guru - the cron schedule expression editor loading..... 2019. 9. 24.
chmod 구분 drwxrwxrwx 일 때, 1번째 자리에 오는 문자는 d : directory - : file 뒤의 9자리는 2진수로 읽는다. w r x 4 2 1 w : write 읽기 권한 r : read 쓰기 권한 x : excute 실행 권한 구분 권한 0 없음 1 x 2 r 3 rx 4 w 5 wx 6 wr 7 wrx 권한을 주는 방법은 sudo chmod 000 (directory 이름) 디렉토리에만 sudo chmod 000 (directory 이름) -R 디렉토리 하위 파일에게 까지 sudo chmod 000 (file 이름) 특정 파일에 권한 부여 2019. 9. 24.
NGINX LOG rotate 관리 rotate 설정 생성 및 변경 sudo vi /etc/logrotate.d/nginx /var/log/nginx/*log { su nginx nginx create 0644 nginx nginx minsize 1M daily dateext dateyesterday rotate 1000 missingok notifempty sharedscripts postrotate /bin/kill -USR1 `cat /run/nginx.pid 2>/dev/null` 2>/dev/null || true endscript } permission 문제 su (group) (user) logrotate 실행 logrotate -f /etc/logrotate.d/nginx - 강제 실행 (forced) logrotate -d.. 2019. 9. 24.
웹 폰트 경량화 가각간갇갈갉갊감갑값갓갔강갖갗같갚갛개객갠갤갬갭갯갰갱갸갹갼걀걋걍걔걘걜거걱건걷걸걺검겁것겄겅겆겉겊겋게겐겔겜겝겟겠겡겨격겪견겯결겸겹겻겼경곁계곈곌곕곗고곡곤곧골곪곬곯곰곱곳공곶과곽관괄괆괌괍괏광괘괜괠괩괬괭괴괵괸괼굄굅굇굉교굔굘굡굣구국군굳굴굵굶굻굼굽굿궁궂궈궉권궐궜궝궤궷귀귁귄귈귐귑귓규균귤그극근귿글긁금급긋긍긔기긱긴긷길긺김깁깃깅깆깊까깍깎깐깔깖깜깝깟깠깡깥깨깩깬깰깸깹깻깼깽꺄꺅꺌꺼꺽꺾껀껄껌껍껏껐껑께껙껜껨껫껭껴껸껼꼇꼈꼍꼐꼬꼭꼰꼲꼴꼼꼽꼿꽁꽂꽃꽈꽉꽐꽜꽝꽤꽥꽹꾀꾄꾈꾐꾑꾕꾜꾸꾹꾼꿀꿇꿈꿉꿋꿍꿎꿔꿜꿨꿩꿰꿱꿴꿸뀀뀁뀄뀌뀐뀔뀜뀝뀨끄끅끈끊끌끎끓끔끕끗끙끝끼끽낀낄낌낍낏낑나낙낚난낟날낡낢남납낫났낭낮낯낱낳내낵낸낼냄냅냇냈냉냐냑냔냘냠냥너넉넋넌널넒넓넘넙넛넜넝넣네넥넨넬넴넵넷넸넹녀녁년녈념녑녔녕녘녜녠노녹논놀놂놈놉놋농높놓놔놘놜놨뇌뇐뇔뇜뇝뇟뇨뇩뇬뇰뇹뇻뇽누눅눈눋눌눔눕눗눙눠눴눼뉘뉜.. 2019. 8. 19.
Critical Rendering Path 크리티컬 바이트 수 줄이기 크리티컬 리소스 수 줄이기 크리티컬 패스 길이 줄이기 2019. 8. 8.
Web Accessibility Tutorials(웹 접근성 자습서) 페이지 구조 개념 잘 설계된 content는 더 효율적인 네비게이션과 프로세스를 허용한다. HTML과 WAI-ARIA를 사용해, 네비게이션과 웹 지향성을 향상시킨다. 페이지 영역 HTML 및 WAI-ARIA를 사용하여 웹 페이지에서 영역을 식별하고 마크업한다. 라벨 영역 사용자가 라벨 영역을 구분하고 액세스 할 수 있도록 라벨을 지정한다. 제목 제목을 추가하고 관계 및 중요도에 따라 웹 페이지의 섹션에 레이블을 지정하기 위해 논리적으로 중첩시킨다. 콘텐츠 구조 적절하고 의미있는 요소를 사용하는 방식으로 콘텐츠를 마크업한다. Space Teddy Inc. Navigation Menu … An inside look at the new Space Teddy 6 Table of Contents … … Duis .. 2019. 8. 6.
Contrast Ratio(색 대비) 배경과 폰트 색깔 https://contrast-ratio.com/ Contrast Ratio: Easily calculate color contrast ratios. Passing WCAG was never this easy! How to use As you type, the contrast ratio indicated will update. Hover over the circle to get more detailed information. When semi-transparent colors are involved as backgrounds, the contrast ratio will have an error margin, to account for the different c contrast-ratio.com 배경과 .. 2019. 8. 6.
[CSS] :before, :after 사용하는 방법 배경 모바일 일때와, 데스크톱 일때 밑의 사진처럼 ' / ' 이 필요할 때가 있고 필요하지 않을때가 있다. 이럴때 JS를 써야하나 싶지만 친절하게 CSS에서 지원해준다. HTML CSS .seperate:before{ content: " / "; } HTML CSS .seperate:before{ content: ""; display: block; } 이런식으로 CSS에 따라 글자를 넣고 뺄 때, :before, :after{ content: ""; } 를 사용해서 넣으면 된다. before와 after의 차이는 그 객체의 앞, 뒤에 넣느냐의 차이다. 2019년 12월 07일 추가 리본 스타일을 만들고 싶을 때에도 쓸 수 있다. https://codepen.io/nxworld/pen/oLdoWb Demo.. 2019. 7. 31.

티스토리툴바