전체 글289

• 

  [JQuery] CROS 오류, Jsonp로 해결하다 웹 개발을 진행하며 Ajax형식으로 비동기 데이터처리를 하다 보면 CORS(Cross Origin Resource Sharing) 오류를 많이 접하게 된다. 이런 오류가 나는 이유는 크게 2가지 이유가 있는데 1. 요청하는 서버가 HTTPS 프로토콜을 사용하는데 응답하는 서버가 HTTP 프로토콜을 사용 할 때 2. 2차도메인 등 다른 도메인에서 요청할 때 등 예시로 현재 블로그 도메인(min-nine.tistory.com) 에서 서버 url (api.min-mine.sistory.com) 로 ajax json 요청할 때 cross-origin read blocking (corb) blocked cross-origin response 이 발생한다. 이런 오류는 아래 Jsonp 방식의 요청을 통해 간단히 해.. Client Language/JQuery 2020. 3. 17.

• 

  [JQuery] jquery modal 사용 예시 안내문구,개인정보약관동의 등 안내성 팝업창을 개발할 때 주로 jquery modal을 이용한다. Jquery modal이 없었을 때에는 클릭 이벤트당 캐치해서 css값수정, div의 위치변경, backgroud의 블러처리 등을 하나하나 일일이 제어했었었는데 jquery modal .. 확실히 사용하기 간편하고 좋은 듯 하다. 사용방법은 아래와 같다. 사용 전에 태그에 jquery.min.js 및 css파일을 include해줘야 된다. 예시 HTML 개인정보동의 개인정보 약관 개인정보 이용 목적 : ~~~ 개인정보 수집 항목 : !!! 개인정보 보유 및 이용기간 : @@@ Java Script 예시 Client Language/JQuery 2020. 3. 16.

• 

  [JQuery] how to get jquery this id , name,class 웹 서비스 개발을 진행하다 보면 클릭 이벤트를 통해 클릭한 값 (this)의 정보가 필요 할 때가 있다. Jquery의 id 값 Jquery의 name 값 Jquery의 class 값 Client Language/JQuery 2020. 3. 16.

• 

  [서대문맛집] 서대문역 회식 장소로 추천 "서대문역 한식 손 만두" 안녕하세요! 민규입니다. 같은 부서 선배 두 분의 과장 진급을 축하하며 점심회식을 왔습니다:) 장소는 서대문역 "한식 손 만두" 구성원은 저포함 6명이였고 만두전골(중) 2개 빈대떡 2개 , 국수와 죽을 추가로 먹었어요 :) 만두전골(중)은 김치만두 6개,떡사리,야채들로 구성되어있었어요. 국물은 깔끔하고 담백하면서도 적당히 간이되어있어 맛있엇어요! 국물맛을보니 술한잔 생각나서 약주한잔 하게되더라구요:) 가게크기는 작았고 주인아주머니 한분이서 요리와 서빙,버싱 등을 혼자 하시기 때문에 무언갈 주문하고 약간의 딜레이가 있었지만 모든 음식이 맛있어서 좋았어요:) 점심시간에 흔히 볼수있는 맛집처럼 가게안은 만석이였고 계속 사람들이 들어왔어요. 사실 만두전골만으로 배는 안찰 것 같았었는데 사리를 추가함으로써 만족.. 생활 로그/맛집 추천 2020. 3. 16.

• 

  [PHPStrom] FTP or SFTP 로 WebServer Remote하기 안녕하세요! 민규입니다. PHP개발자들이 즐겨쓰는 강력한 IDE중 하나인 PHPStorm. 웹서버 Remote하는 방법은 아래와 같습니다. 1. 상단 Tools Tab - Deployment - Browser Remote Host 클릭. 2. 좌측상단 + 버튼 - FTP or SFTP 클릭. 3. 자신이 알아 볼 수 있게 서버 이름 설정해주기 4. 자신의 서버 정보를 각 란에 맞게 채워준다. Host : 웹서버 도메인 혹은 IP를 기입해준다 User name : 리눅스 user id 혹은 root 기입 Password : 해당 계정에 대한 비밀번호 기입 Root Path : 해당 계정으로 접근 가능한, 자신이 접근하고 싶은 디렉토리 기입 Web Server URL : Host 기입시 자동으로 기입됨. 5.. ETC/개발 IDE 설정 2020. 3. 16.

• 

  HTML 주석 및 텍스트 표현 텍스트 표현 HTML 주석 문서 소스의 이해를 돕기 위한 설명을 추가할 때 사용하는 것이 주석이다 모든 프로그래밍 언어에는 주석이 존재한다. 브라우저에 의해 출력되지 않으므로 소스에서만 확인이 가능하다 HTML의 주석 ''는 하나의 문자처럼 사용한다. -> 각 문자 사이에 공백이 불가하다. -> 주석 안에는 ,--를 사용하지 말아야 한다. CSS,자바스크립트의 주석 형식은 /* 소스설명 */ /* CSS 및 JS의 주석, 소스 설명 */ 태그 줄을 바꾸는 태그 편집기에서 엔터키와 같은 기능을 한다 종료태그 없이 사용한다. -> = 이름 : 민규 나이 : 비밀 키 : 180cm 몸무게 : 비밀 장래희망 : 대통령 이름 : 민규 나이 : 비밀 키 : 180cm 몸무게 : 비밀 장래희망 : 대통령 태그 문단을.. Mark Up/HTML 2020. 3. 15.

• 

  [경기도카페] 경기도 광주 예쁜 카페 이배재제빵소 안녕하세요! 민규입니다. 경기도 광주 예쁘고 이색적인 카페가 있다고 추천을 받아 찾아오게 된 이배재제빵소. 건물이 너무 커서 사진에 다 담기지 않았는데 겨울이라 그런지 크리스마스 조명같은걸로 장식해놓아서 건물이 정말 예뻐보였어요. 주차공간은 그렇게 넓지도 좁지도 않았지만 내부 공간에 손님이 꽉 차있다고 생각한다면 주차공간이 부족할 수도 있을 것 같아요. 내부로 들어서니 넓직한 공간과 조명, 내부 중앙에 위치한 사각형 바 테이블 때문에 전체적으로 특색있어보였고 러그와 포토액자 등등 소품 덕분에 이색적인 도시의 카페 느낌을 받았었어요. 특히 공간 가운데에 사각형으로 존재하는 바 테이블이 오픈형태로 존재하여 코로나바이러스 때문에 위생에 민감한 요즘 시기에도 깔끔하고 위생적이라는 느낌을 강하게 받았어요. 메뉴구.. 생활 로그/카페 추천 2020. 3. 14.

• 

  [경기도맛집] 경기도 광주 한우 맛집 먹보한우 안녕하세요!민규입니다. 오늘은 경기도 광주에 있는 한우 맛집! 먹보 한우 생고기 전문점에 다녀왔어요. 개인적으로 한우가 호주산보다 맛있는지도 모르겠고 가격 대비 양도 적기 때문에 가성비가 없다고 생각해서 잘 사먹지 않았던 종목이였는데 여자친구 어머님께 적극 추천을 받아 찾아오게 되었습니다:) 주차공간이 협소해보이지만, 건물뒤에 넓은 주차공터가 있으니 주차문제는 걱정안하셔도 될 것 같아요. 건물이 옆으로 길고 넓어서 사진에 건물 전체가 다 담기지 않았는데, 그만큼 내부에 좌석이 많았어요. 실내로 들어가니 정육점같은 보라색 전구의 고기 냉장고 인테리어때문인지 고기가 위생적으로 잘 관리되고 있다는 인식이 들기 시작했어요. 또한 오픈 주방 형식의 뻥 뚤린곳에서 고기 해체를 진행하여 더 신선해보이고 고기에대한 믿.. 생활 로그/맛집 추천 2020. 3. 14.

• 

  [광화문맛집] 광화문 화목순대국 안녕하세요! 민규입니다. 회사 근처에 줄을서서 먹는 순대국집이 있다고하여 급하게 방문했습니다! 듣기로는 술에 쩔어사는 여의도 증권맨들의 해장을 책임져왔던 여의도에서 엄청 유명한 순대국이라고 하는데요. 얼마나 맛이있을지 찾아가보았습니다. 메뉴구성은 거창하지 않고 딱 순대국집에 있을법한 실속적인 메뉴로만 구성되어있었습니다. 광화문에서 맛있는 순대국집을 본적이없는 필자는 개인적으로 순대국을 너무나도 좋아하는 사람이라 기대가 엄청났습니다! 순대국으로 먹어도 됬었지만 금요일 저녁, 식사류보다는 안주류가 생각이 났고 저희는 술국을 주문했어요. 엄청 맛있다는 얘기를 듣고와서 기대를 많이했었는데 맛은 그렇게 기대한정도는 아니였어요. 옆좌석 분들이 시킨 순대국 국물의 색깔보다도 투명해보이는 저희가 주문한 안주메뉴 술국은.. 생활 로그/맛집 추천 2020. 3. 13.

• 

  [Linux] .htaccess 파일 Redirect 시키기 사이트를 개발하고 유지보수하다 보면 과거에 사용했지만 이제 사용하지 않는 폴더를 발견합니다. 서버 로그를 확인해보면, 분명 지금은 사용하지 않는 디렉토리인데 누군가 유입했던 흔적을 발견하게 됩니다. 위 처럼 특정 누군가가 사용하지 않는 디렉토리로 서버에 접근하였을 때 해당 디렉토리의 .htaccess 파일을 통해 지정한 URL로 Redirect 시킬 수 있습니다. 예시) # filename : /nothing/.htaccess # 누군가 min-nine.tistory.com/nothing/으로 들어올 때 # https://min-nine.tistory.com 로 리다이렉트하기 RewriteEngine on RewriteCond %{HTTP_HOST} ^(min-nine\.tistory\.com\/noth.. OS/Linux 2020. 3. 13.

• 

  [블로그광고] 티스토리에 카카오애드핏 적용하기 [블로그수익 첫 번째] 카카오 애드핏 티스토리에 카카오애드핏 적용하기 안녕하세요! 민규입니다. 정보를 찾기위해 검색을 하고, 자신이 원하는 정보에 해당하는 포스팅을 읽고 정보를 얻는 정보화 시대. 오늘은 필자가 사용하는 블로그 사이트! 티스토리에 카카오 애드핏을 적용하는 방법을 알려드릴게요. 티스토리 블로그를 운영하시는분들 중 아직 광고 플러그인을 적용하지 않았다면?! 이 포스팅을 통해 꼭 적용하세요! 1.카카오애드핏 광고관리 탭에 들어가 매체를 등록해준다. 매체명 : 자신의 블로그 이름 (예: 민규의 생활로그) 매체유형 : 자신의 블로그 유형 (예: 티스토리는 WEB) 매체고유값 : 자신의 블로그 URL (예: https://min-nine.tistory.com/) 2. 매체등록 승인심사 받고 광고단위.. 재테크/월급 외 소득 2020. 3. 13.

• 

  [광화문카페] 광화문 라바 카페 안녕하세요! 민규입니다. 점심먹고 커피한잔 하기위해 카페를 찾다가 광화문 라바 박물관 1층에 라바카페에 왔습니다. 문앞에서부터 입을 쫙 벌린 라바가 저를 반겨주었어요:) 내부로 들어와보니 카페로 가는 통로에서는 라바캐릭터 상품을 판매하는 라바샵이 있어서 뜻밖에 아이쇼핑 ㄱㅇㄷ! 신나게 아이쇼핑 하면서 통로안쪽으로 들어오면 카페가 나타납니다. 통로쪽에 피아노가 있어서 자신있으신 분들은 멋지게 연주도 가능합니다! 내부로 들어오면 구글,배달의민족 휴게실같은 .. 트랜디한 회사들의 휴게실같이 계단형식으로 앉을 수 있는 공간이 눈에보였어요. 개인적으로 마음에 드는 인테리어라 좋았어요:) 일반 좌석도 있으니 취향에 맞게 골라 앉아서 커피를 즐길 수 있습니다:) 라바캐릭터로 나온 맥주도 판매하네요! 미셔보신분은 후기.. 생활 로그/카페 추천 2020. 3. 13.

• 

  [광화문맛집] 광화문 굴밭 안녕하세요! 민규입니다. 13일의 금요일, 팀원들과 오랜만에 구내식당이 아닌 밖에서 점심을 먹기로 했어요. 메뉴를 생각하다 오늘같이 쌀쌀한 날씨에 생각나는 굴국밥으로 정하고 굴국밥 집을 찾아보다가 광화문역쪽에 있는 광화문 굴밭 으로 왔습니다! 경희궁의아침 4단지 지하에 위치한 광화문 굴밭. 간판이 대문짝만하게 걸려 있어 찾기 쉬울거에요. 역에서 좀 떨어진 곳에 있어서 그런지 점심시간인데도 불구하고 한산했어요. 때문에 맛이없나 라고 오해할 수 있을 것 같아요:( 얘기를 들어보니 최근 코로나바이러스 사태가 심각해진 이후로 손님이 많이 끊겼다고 하는데 이점은 어느 맛집을가나 똑같을 것 같네요. 광화문 굴밭에는 굴 관련 음식점에서 흔히 볼 수 있는 굴국밥, 굴알밥, 굴보쌈 이외에도 엄청 다양한 메뉴가 존재합니다.. 생활 로그/맛집 추천 2020. 3. 13.

• 

  HTML 이란? HTML (Hyper Text Markup Language)란? 하이퍼 텍스트 - 다른 텍스트에 대한 참조(링크)를 가진 텍스트 - 단위 텍스드들과 이것을 결합하는 링크로 구성되어 있다. - 사용자가 연상하는 순서에 따라 관련 있는 쪽으로 이동하여 정보 얻도록 조직화된 시스템 - 비연속적 흐름 마크업 ( Mark + up 합성어) - 태그(tag) 라고도 부름 - 추가적인 정보를 부여하기 위해 문서내에 삽입되는 일련의 문자 또는 기호 문서의 구성 및 마크업의 분류 -내용 : 의미적 마크업 (제목,주소) -구조 : 구조적 마크업 (문단,제목글 등) -스타일 : 양심적 마크업 (모양, 색상 등) 마크업 언어 -마크업의 형식과 규칙을 정의한 언어 마크업 언어의 분류 절차적 마크업 언어 - 문서의 형식이나 텍스.. Mark Up/HTML 2020. 3. 11.