본문 바로가기

웹 개발220

NN 구글블로그 | 블로그스팟 라벨 일괄 설정 및 수정 방법 구글 블로거 (블로그스팟) 라벨에 관련된 메뉴에서 라벨을 일괄적으로 추가 및 삭제하는 방법을 알려드립니다.  목차  라벨 일괄 수정전체적인 흐름을 말씀드리겠습니다. 라벨을 일괄적으로 수정하기 위해서는 먼저 해당 라벨이 붙어있는 글들을 찾아야합니다. 그런 다음 빼고 싶은 라벨을 해제하시고 원하시는 라벨을 추가하는 순서입니다.   해당 라벨 글 찾기"라벨별로 필터링"은 글을 일괄적으로 수정하는데 필요한 메뉴로 특정 라벨의  글들만 검색한다고 생각하시면 됩니다. 구글 블로거에 글 목록 상단 우측에 [라벨별로 필터링] 이라는 버튼이 있습니다. 옆에 [관리]라는 버튼도 보이시죠? 저는 이렇게 할 예정입니다. '락'이라는 라벨이 붙은 글들을 모두 찾아서 '락'이라는 라벨을 삭제하고 'ROCK'이라는 라벨이 붙일 예.. 2024. 8. 19.
NN 301 리다이렉트 설정하는 방법 (.htaccess) 웹사이트 도메인이 변경되었거나 URL 구조 등이 변경되었을 경우 301 리다이렉트로 다른 URL로 보낼 수 있습니다. 이 글에서는 SEO에 영향을 주지 않고 정확하게 301 리다이렉트 하는 방법을 다룹니다. 목차  리다이렉트리다이렉트는 자동으로 다른 URL로 보내는 것을 말합니다. 예를 들어 www.mysite.com 로 주소를 입력했는데 www.newsite.com 으로 이동했다면 리다이렉트가 설정된 것입니다.  1. Meta refresh (웹 표준 X)meta refresh는 문서에서 부가적인 정보를 제공하는 정도의 태그입니다. 도메인을 리다이렉트 시키는데 적절하지 않습니다.  content=숫자는 몇 초 후에 이동하는지를 뜻합니다. url 이후 주소를 생략하면 현재의 페이지를 다시 읽어옵니다. 2.. 2024. 8. 12.
NN 웹프레임워크 | 부트스트랩 소개와 시작하기 웹사이트를 개발을 위해 웹프레임워크를 많이 사용하게 됩니다. 그 중에서도 가장 쉽게 시작할 수 있는 프레임워크 중 하나인 부트스트랩을 소개해 드립니다. 목차  부트스트랩 소개 소개부트스트랩은 오픈 소스 프론트엔드 프레임워크로 트위터에서 시작되었습니다. 트위터에서 사용하는 레이아웃, 버튼, 입력창 등의 디자인과 기능을 CSS, Javascript로 만들어 놓은 것이죠. 글자, 인용문, 목록, 표, 입력폼, 버튼, 이미지, 아이콘, 드롭다운 메뉴, 내비게이션 바, 탭, 리스트, 이동 바, 알림 메시지, 진행 바등 웹 페이지에서 쓰이는 모든 HTML 요소가 내장되어 있습니다. 그렇기 때문에 웬만한 사이트들은 이 부트스트랩으로 개발 가능합니다.  장점개발 진입장벽이 낮습니다. 부트스트랩의 CSS, JavaScr.. 2024. 8. 9.
NN FTP 폴더 권한 변경하는 방법 (파일질라, 명령프롬프트) 웹서버 FTP 폴더권한을 변경하려는 경우 먼저 파일질라로 하는 방법과 파일질라로 변경이 안되는 경우에 명령 프롬프트를 이용하는 방법을 설명드립니다. 목차 파일질라 폴더 권한 변경  1) 파일질라에서 해당 폴더를 우클릭 후 "파일 속성"을 클릭합니다.2) 팝업창이 뜨면 체크박스를 체크해서 권한 속성을 바꿀 수 있습니다. 3) 숫자값을 바로 입력할 수도 있습니다. (소유자권한/그룹권한/공개권한)0 : 아무 권한 없음1 : 실행 권한만 있음2 : 쓰기 권한만 있음3 : 쓰기, 실행 권한 있음4 : 읽기 권한만 있음5 : 읽기, 실행 권한 있음6 : 읽기, 쓰기 권한 있음7 : 모든 권한 있음    명령 프롬프트파일질라에서 SFTP로 접속을 해야하는데 웹서버에서 보안 문제로 지원하지 않을 때 명령 프롬프트로 접.. 2024. 8. 7.
NN MVC 패턴 구조와 흐름 파악하기 MVC는 소프트웨어 디자인 패턴입니다. 역할에 따라 구성 요소을 분리해 유지보수, 수정이 쉬워지게 됩니다. MVC가 무엇인지, 어떤 구조와 흐름으로 진행되는지 예제를 통해 알아보겠습니다. 목차  MVC란?먼저 웹브라우저에서 웹페이지를 요청하기까지 MVC 패턴의 흐름부터 살펴보겠습니다. 1. USER(사용자)가 웹사이트에 접속해 무엇인가를 요청합니다.2. MANIPULATES - Controller (컨트롤러)는 사용자의 요청에 응답하기 위해 모델을 호출합니다. 3. UPDATE - Model (모델)은 데이터베이스 등을 통해 비즈니스 로직을 처리하고 결과를 컨트롤러에게 반환합니다. 컨트롤러는 다시 View(뷰)에게 전달합니다.4. SEES - 데이터를 받아온 뷰가 사용자에게 웹페이지를 출력해 보여줍니다... 2024. 8. 5.
NN 웹프레임워크 | PHP 프레임워크 소개와 폴더 구조 많이 쓰이는 PHP 기반 프레임워크들을 소개합니다. 간단하게 폴더 구조를 살펴보고 가장 중요한 MVC(모델-뷰-컨트롤러) 폴더가 어디있는지 찾아보겠습니다. 폴더 구조만 보고 무슨 프레임워크를 사용했는지 파악하는데 도움이 될 수도 있습니다. 목차  PHP 프레임워크 Laravel라라벨은 최근에 나왔지만 가장 인기있는 프레임워크로 빠른 개발이 가능합니다. RootAppHttp ControllersBootstrap : 프레임워크의 부트스트래핑을 담당Config : 애플리케이션의 설정 파일DatabasePublicResourcesView RoutesAppModels phalcon팔콘은 C/C++에 기반하여 개발된 풀스택 PHP프레임워크입니다. app configcontrollerslibrarymigrations.. 2024. 8. 2.
NN HTML | 콘텐츠 삽입 태그 iframe, embed, object 비교 외부 콘텐츠를 로드하는데 사용되는 HTML 태그인 iframe, embed, object 태그를 소개하고 장단점을 비교해 보겠습니다.  목차  1. iframe 태그 소개콘텐츠를 표시하고 공유하는데 가장 많이 사용되지만 몇 가지 단점이 있습니다. ▶ 예제 단점▶ 외부 콘텐츠를 포함하기 때문에 웹사이트 디자인을 망가질 수 있고 검색 엔진에 색인되지 않기 때문에 SEO에 부정적인 영향을 줄 수도 있습니다. 또한 iframe으로 로드할 때 보안 문제가 발생할 수도 있습니다.▶ 테이블 안에서 사용 시 높이 조절이 매우 어렵습니다.  2. embed 태그 소개간단하게 외부 콘텐츠를 보여주는데 사용합니다. object와 달리 대체 콘텐츠를 지원하지 않기 때문에 미지원 브라우저에서는 아무 것도 안 보이는 경우가 발생.. 2024. 7. 26.
NN 구글 서치 콘솔 | 색인 생성 리디렉션 오류 원인과 해결방법 구글 서치 콘솔에서 페이지 색인이 생성되지 않는 경우 중에 리디렉션 오류에 해당하는 문제에 대한 원인과 해결방법을 알아보겠습니다. 목차  구글 서치 콘솔 - 색인생성 페이지먼저 구글 서치 콘솔에서 좌측 메뉴 중 색인생성/페이지 메뉴를 선택합니다. 아래로 내려가다 보면 그림과 같이 페이지 색인이 생성되지 않는 이유에 대해 나와있습니다. 모든 항목의 페이지 색인이 생성되지 않는 이유에 대한 해결방법은 링크에서 확인하실 수 있습니다.  이 포스팅에서는 "크롤링됨 - 현재 색인이 생성되지 않음"에 관한 글이기 때문에 클릭해 보겠습니다. 글 목록이 나오면 하나를 클릭해서 "URL검사"를 해보시기 바랍니다. 색인이 생성되지 않는 이유는 리디렉션 오류입니다. 원인은 크롤링에 사용된 에이전트 즉, 크롤러가 Google.. 2024. 7. 22.
NN 도메인 | 내 도메인 이메일 주소로 사용하는 방법 웹사이트를 운영하거나 티스토리 블로그 등에 2차 도메인을 연결해 놓기 위해 도메인을 일정기간 임대합니다. 자신이 보유하고 있는 도메인이 있다면 이메일 주소로 사용할 수도 있습니다.  목차  1. 도메인 / 웹호스팅 업체 도메인 업체도메인을 구입하면서 웹메일 서비스를 무료로 제공하는 곳이 있습니다. 용량은 보통 30MB로 아주 적게 주죠.  웹호스팅 업체웹호스팅 신청 시 보통 서비스 상품에 따라 메일 계정을 주는데 유료 플랜에 따라 메일 저장 용량이 올라갑니다.   2. 다음 스마트워크 Daum 스마트워크는 도메인 메일과 공유 주소록을 무료로 이용할 수 있는 서비스입니다. 기업에서 구성원 간에 필요한 정보를 쉽게 편리하게 공유할 수 있으며 단체나 개인들도 이용 가능합니다. 장점은 아래 보기 편하게 간략하게.. 2024. 7. 5.

티스토리툴바