웹개발자의 기지개

스팸글의 매크로 등록을 위하여 스팸방지 캡차 기능을 간단히 만들어본다. 우선 CSRF 방지하는 기능도 추가로 같이 이용하면 더욱 좋겠다. https://wonpaper.tistory.com/417 [PHP] CSRF 공격방어 작업하기 PHP 상으로 CSRF (cross-site request forgery) 공격을 막는 작업을 해보자. 우선 작업을 할 이전페이지단에서, token 이라는 특정랜덤값이 든 세션 변수를 하나 할당한다. 그리고 해당 posting 되는 실제 페이 wonpaper.tistory.com 압축을 풀면 위의 3가지 파일을 같은 디렉토리에 배치한다. 그리고, 다음 소스로 스팸방지 기능을 처리한다. [ signup.php ] 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15..

카카오 지도 API 가 잘 나와 있었다. 하지만 화살표만 꼭 집어서 좌표값을 땡껴 올 수 있는 방안이 찾아보니 없었다. 구글링해봐도 필자와 같이 답답한 마음을 토로하는 개발자 분들 글을 볼 수 있었다. 부족하지만 다른 동료 개발자 분들도 이 소스로 좌표값을 받아서 쉽게 DB에 저장하고 활용할 수 있도록 나름 정리해 보았다. 카카오지도상의 화살표는 Polygon 형태 다각형으로 위의 사진과 같이 그리면 만들 수 있다. Polyline 이라는 선이 있기는한데, 이는 일반 선을 그릴때 쓴다. 위의 이미지를 보면 위쪽 이미지(화살표 그리는 지도) , 아래쪽 이미지(위쪽 지도에 그려진 화살표를 옮겨와서 DB에 저장하는 지도) 로 나뉘는데, 아쉽지만, 화살표를 다각형으로 찍어서 그리면 하나의 다각형만 찍어서 백엔드..

datepicker 가 있다면 이번에는 타임피커를 써보자. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 $(function() { $("#movie_start_date, #movie_end_date").datepicker({ showMonthAfterYear:true, monthNamesShort: ['1월','2월','3월','4월','5월','6월','7월','8월','9월','10월','11월','12월'], dayNamesMin:..

에디터상의 이미지(여러개선택가능) 팝업으로 이미지 첨부하고 등록버튼을 누르니 413 Request Entity Too Large 가 났다. 이는 역시나 업로드 용량관련 문제가 발생함을 나타내는 메세지인데, 아파치 환경설정으로 post_max_size = 200M upload_max_filesize = 200M 등으로 넉넉하게 올려주소, 아파치 restart 시키고 다시 시도하니 마찬가지로 똑같은 오류가 그대로였다. 구글링으로 여러개의 포스팅을 보았으나, 대부분이 업로드 용량 제한에 관한 얘기였다. https://blog.naver.com/tyboss/70016905003 파일 업로드 용량 설정 (아파치, php) [apache] php.ini 설정file_uploads = On &nbs... blog.n..

간단하다. 루트 디렉토리에 아래 내용을 넣어서 모든 내용에 대하여 허락하지 안도록 한다. robots.txt User-agent: * Disallow: / 참고 : https://ojji.wayful.com/2013/10/Google-blogger-How-to-set-Robots-txt-file-for-controling-search-engine.html 참고 : https://homzzang.com/b/free-4299

오래전에 구매해서 잘 쓰고 있는 HDD 하드가 자꾸 다운이 되고 너무 윈도우가 느려지고 해서, 큰 마음먹고 SSD 로 바꾸었다. 제품은 역시 m.2 SSD 2T 삼성 껄로 골라봤다. https://prod.danawa.com/info/?pcode=8034664&keyword=ssd+++%EC%82%BC%EC%84%B1&cate=112760 삼성전자 970 EVO Plus M.2 NVMe (2TB) : 다나와 가격비교 컴퓨터/노트북/조립PC>PC주요부품>SSD, 삼성전자 970 EVO Plus M.2 NVMe (2TB), 요약정보 : 내장형SSD / M.2 (2280) / PCIe3.0x4 (32GT/s) / NVMe 1.3 / TLC(토글) / 3D낸드 / DRAM 탑재 / DDR4 2GB / 컨트롤러:..

아주 좋은 웹퍼블 기초 정리학기 아주 좋은 곳을 정리한다. https://uxkm.io/publishing/css/04-cssAdvanced/04-css_flexible_part2#gsc.tab=0 플렉서블 레이아웃 - 부모 속성 part 1 | UXKM CSS(Cascading Style Sheets) 플렉스 박스(flex box) 중 부모속성에 대한 설명을 제공하는 섹션입니다. uxkm.io https://uxkm.io/publishing/html/08-table/01-table_element#gsc.tab=0 table element | UXKM table 요소 정보를 보여주는 섹션입니다. uxkm.io https://uxkm.io/publishing/html/06-embedded/05-video_..

위와 같은 복잡한 모델을 가진 경우, EntityFramework 를 활용하여 코딩을 하는 아주 좋은 예제이다. 1대다대1 Student - Enrollment - Course : 학생 - 수강 등록 - 교과 과정 Instructor - CourseAssignment - Course : 선생님 - 교과과정 할당 - 교과 과정 https://learn.microsoft.com/ko-kr/aspnet/core/data/ef-mvc/complex-data-model?view=aspnetcore-6.0 자습서: 복잡한 데이터 모델 만들기 - ASP.NET MVC 및 EF Core 사용 이 자습서에서는 더 많은 엔터티 및 관계를 추가하고, 서식 지정, 유효성 검사 및 매핑 규칙을 지정하여 데이터 모델을 사용자 지..