어떤 사이트에 처음 접속했을 때보다 몇번 더 반복해서 접속했을 때 접속속도가 더 빨라지는 것은 DNS서버 정보가 컴퓨터에 저장되기 때문입니다. 웹사이트에 접속할 때 브라우저가 해당 웹사이트의 정보를 캐시에 저장해 다음 접속 때는 정보를 불러올 필요 없이 그대로 내 컴퓨터에 저장된 정보를 불러와 빨리 접속이 되도록 하는 것과 비슷한 것인데요. 이렇게 여러 사이트의 캐시가 쌓이면 오히려 인터넷이 느려지지고 하고 때때로 해당 홈페이지의 IP가 변경된다거나 하면 제대로 접속이 안되는 경우도 발생합니다. 이럴 때 저장된 DNS 정보를 삭제해 주면 다시 제대로 된 정보를 불러오면서 문제가 해결 될 수 있습니다. 윈도우(windows) DNS flush 윈도우에서는 ipconfig란 명령어를 이용해서 컴퓨터나 사이트..
요즌 UI/UX 대세는 피그마입니다. 저는 주로 XD 를 이용해서 화면 구성을 하는데요. 주로 혼자 작업을 하기 때문에 협업에 대해서 크게 신신경을 쓰지 않고, 개발자와 협력해야하는 경우는 제플린을 이용하기 때문에 별다른 문제가 없습니다. 그런데 디자인 작업부터 협업을 하는 경우라면 얘기가 틀려집니다. 이전에 스케치가 대세일 때 - 여전히 스케치를 쓰는 곳이 XD 쓰는 곳보다 더 많을 것 같은데 스케치의 단점은 파일을 일일이 공유해야했던 점이었을 거예요. 그런데 피그마는 처음부터 클라우드에서 작업을 하기 때문에 따로 사용자를 초대하는 것으로 공유가 끝납니다. 이건 제플린도 마찬가지죠. XD도 클라우드에 파일을 올려서 작업할 때는 개념이 같지만 XD 는 장점이자 단점이 로컬에서 작업을 시작할 수 있다는 것..
포토샵으로 긴 그림자 - 롱 쉐도우 (Photoshop Long Shadow) 만들기입니다. 망고보드 같은걸 이용하면 쉽게 템플릿화되어 있는 기능을 쓸 수도 있는데요. 어딘가 나만의 것을 만들어야할 때가 있을 경우는 포토샵에서 만들어서 사용하면 됩니다. 아래쪽에 영상을 같이 올렸으니 이미지나 텍스트로 이해 안되시면 영상을 참고해주세요. 먼저 포토샵에서 문서를 좀 길게 만들어서 검정색으로 글자를 입력합니다. 긴 그림자를 만드는 여러가지 방법이 있는데, 저는 브러쉬를 이용할거예요. 텍스트를 45도로 돌린 후 텍스트가 들어 있는 레이어에서 command(ctrl)+click 해서 텍스트를 선택영역으로 지정한 다음 브러쉬로 지정합니다. 브러쉬지정은 Edit > Define Brush Preset 메뉴를 선택합니..
오늘은 파이썬으로 로또 번호 생성하는 것을 해볼거예요. 지난번에 로또 번호 생성할 수 있는 오픈 소스를 가져다가 변형해서 웹페이지를 만들어보기도 했는데요. 2020/03/23 - [IT/Dev] - 다들 한번쯤 해본다는 '로또 번호 생성기' 만들어 보는 중 (1) 2020/04/28 - [IT/Dev] - 다들 한번쯤 해본다는 '로또 번호 추출기' 만들어 보는 중 (2) 결과물은 아래 링크에서 확인해보실 수 있습니다. Lotto www.storyblock.kr 이때는 주로 한 작업이 소스를 조금 수정하고 디자인을 붙여서 온라인으로 올려보는 작업이었다면, 오늘은 파이썬을 이용해서 직접 코드를 입력하고 번호가 생성되는 것을 확인해보는 과정이 되겠습니다. 파이썬 RANDOM() 함수 저는 요즘 비주얼 스튜디오..
오늘은 VS Code - Visual Studio Code 확장 플러그인 (설치 후 필요프록그램을 추가하는 것) 추천 포스팅을 하려고 합니다. 혹시 html이나 파이썬 같은 것을 코딩하시는 분들은 어떤 에디터를 주로 사용하시는지요. 저는 오랫동안 드림위버를 사용했었어요. 회사에서 어도비(adobe) 프로그램을 사용하고 있었고 예전엔 마스터 콜렉션에 포함되어 있던 드림위버를 사용하는 것이 자연스러웠죠. 회사에 코드를 깔끔하게 작업하는 - 오류가 별로 없는 - 프로그래머 분이 있었는데 이분이 확인을 드림위버로 하더라구요. 그래서 드림위버가 저에겐 그냥 최고의 코딩 도구였던 거 같아요. 브라우저를 띄우지 않고도 웬만큼 확인도 가능하구요. 그런데 요즘은 드림위버를 쓰는 분들이 얼마나 될까요. 대부분 코딩은 텍스..
2048이라는 퍼즐 게임 소스를 구해서 게임앱 만들기를 하고 있습니다. 지난 시간에 구름 IDE에서 react 프로젝트를 이용해서 html5로 구현된 게임소스를 가져오고 expo라는 도구를 이용해서 게임앱을 테스트하는 것까지 해봤습니다. https://creavart.tistory.com/94 2048 게임앱 만들어보기(feat. 조코딩 유튜브) 1 조코딩이라는 유튜브 채널 알고 계신가요? 쉬운 코딩을 알려주는 채널이고 구독자가 10만명 이상이 되는 인기가 높습니다. 코딩도 잡다한 것을 빼고 따라해볼 수 있도록 설명과 실습을 곁들여 쉽게 알려주는데요... creavart.tistory.com 오늘 글은 두분으로 되어 있습니다. 1. 실패 복기 2. 재도전 2048 게임앱 출시 실패! 이번엔 지난번에 이어..
조코딩이라는 유튜브 채널 알고 계신가요? 쉬운 코딩을 알려주는 채널이고 구독자가 10만명 이상이 되는 인기가 높습니다. 코딩도 잡다한 것을 빼고 따라해볼 수 있도록 설명과 실습을 곁들여 쉽게 알려주는데요. 막상 해보면 부딪히는 것이 생기지만 그래도 정말 코딩을 모르는 저에게도 아주 큰 도움이 됩니다. https://www.youtube.com/channel/UCQNE2JmbasNYbjGAcuBiRRg 조코딩 JoCoding 누구나 배울 수 있는 쉬운 코딩 컨텐츠 채널입니다. 프로그래밍에 대해 아무것도 모르더라도 웹, 앱 개발이 가능하도록 기초부터 차근차근 쉽게 설명해드리겠습니다. www.youtube.com 조코딩 채널이 유명한 이유중에 하나가 동물상 테스트 웹과 앱을 따라서 만들어볼 수 있고 또 재미있..
지난번에 디자인만 XD 로 작업하고 소스를 가져다가 조금 수정해봤던 무료 로또번호생성기를 오늘 작업해봤습니다. 로또 번호 생성기 UI만들기 CSS를 제대로 만져줘야하는데 별도로 빼지 않고 우선은 그대로 html 안에 넣어서 자리를 잡았습니다. html 소스만 조금 살펴보면, ..... ..... 로또 번호 생성기 소스는 위에 표시된 것과 같이 oligalma 라는 분? 사이트?에서 가져왔고 GPL 라이센스입니다. html 부분은 기본적인 것은 동일하고, 저는 모바일에서 잘 보일 수 있도록 뷰포트도 추가해줬습니다. 캐릭터셋도 없는 소스라 캐릭터셋도 utf-8을 추가했습니다. CSS 수정하기 CSS도 일부 수정하거나 추가했습니다. 화면에 꽉차게 나왔으면 해서 html, body에 height:100%를 주고..
워드프레스로 사이트(홈페이지)를 만들면 사이트를 구축하는 비용, 시간을 줄일 수 있는 장점이 있고, 프로그래밍을 몰라도 웹사이트를 운영할 수 있다는 장점이 있습니다. 하지만 워드프레스도 사용하면 할 수록, 기능을 추가하면 할 수록 알 수 없는 오류가 나오기도 하고 때때로 치명적인 오류 때문에 어찌할 바를 모르게 될 수 있죠. 그래서 가능하면 플러그인은 최소로 하는 것이 좋고, 사용자가 많은 플러그인을 사용하는 것이 좋습니다. 그래야 오류가 나더라도 문제해결 방법이 많을 수 있거든요. 최근에 지인의 워드프레스 홈페이지가 오류가 나서 봐달라는 연락을 받았는데, 저도 프로그래머도 아니고 워드프레스를 계속 다뤄왔던 프로그래머가 아니면 곤란한 요청이 될 수도 있더라구요. 이럴 때 가장 쉬운 방법이 두가지 있을 것..
ModSecurity 활성화와 룰 설정 방법 MosdSecurity 포스트 시리즈는 아래와 같이 구성되어 있으며 2개의 포스트로 구성되어 있습니다. 목차 - ModSecurity란, 특징(1) - ModSecurity 다운로드 및 설치 방법(1) - ModSecurity 활성화 및 Rule 설정(2) * 활성화방법 * 기본환경 설정 * 사용자 Rule설정 * 기타 - 동작확인(2) 모드시큐리티 웹방화벽 기능을 적용하려면 httpd.conf 파일 내에서 설정을 해줘야 합니다. KISA 문서의 설명에 따르면 2.x버전의 대부분의 지시자는 Virtual Host, Location, Location Match, Directory 등의 Apache 지시자 내에서도 사용할 수 있습니다. httpd.conf에서 설정..
ModSecurity란? 리눅스서버를 사용하면 보안문제가 언제든 발생할 수 있습니다. 잘 모르고 있다가 어떤 공격이 들어와서 웹페이지를 변조하거나 DB에서 무슨 짓을 해도 속수무책인 경우들이 있는데요. 호스팅 서비스를 받는 경우 업체에선 자체 방화벽과 웹방화벽을 서비스 합니다. 이 비용이 만만치 않아서 오픈소스(무료) 웹방화벽을 알아보다가 modsecurity를 알게 되어 이번에 관련 공부를 하는 김에 정리해보려 합니다. 저는 개발자도 아니고 서버 관리자도 아니라서 초보수준으로 차근차근 정리해나가도록 하겠습니다. ModSecurity에 관해 아래의 순서로 업데이트 해나가겠습니다. 목차(아래 (1)내용이 이 페이지에 담겨 있습니다) - ModSecurity란, 특징 (1) - ModSecurity 다운로드..
초보도 할 수 있다! 로또번호 생성기 프로그램문외한입니다. 특히 네이티브 앱은 꿈도 못꾸구요. 그래서 혹시 웹에서 돌아가는 로또번호 생성기 같은 것은 없는지 찾아봤습니다. GPL라이센스로 웹에서 돌아가는 번호생성기가 있네요. 제가 찾아본 것말고도 웹으로 돌아가는 것이 몇개 있긴한데 딱 맞지도 않고 우리나라 나눔로또 6/45하곤 다르거나 보너스 번호가 안나오거나 약간씩 부족합니다. 번호가 45개가 아니고 49개짜리도 있구요. 제가 찾아본 것은 GPL라이센스는 공개소프트웨어라이센스라고 되어 있는데요. 이게 배포 기준이 까다롭다고합니다. 소스 공개여부에 관한 것, 배포와 관련된 것이라서 일단 가져오지는 못했는데, 제가 최종 작업물을 만들고나면 2차저작물이기도 하고 소스를 가릴 이유가 없어서 공개할 수 있도록 ..