브라우저 히스토리 조작하기. (이전페이지, 다음페이지로 이동하기 방법)
window.history 객체에 대해 알아보자.
 
사용법
// 이전페이지로 history.go(-1)과 같다
history.back();

/*
	()안의 숫자로 페이지 이동 (-1)
    한페이지 이전 (-2)
    두페이지 이전 (1)
    한페이지 다음... history.back()보다 많이 사용
*/
history.go(); 

// 다음페이지로 history.go(1)와 같다.
history.forward(); 
 
 
나는 회원가입시 '이전으로' 버튼에서 사용 하였다.
브라우저 캐시가 남아있는 경우에 사용 가능하므로 새 페이지에서 불가능하다. 
혹은 url로 접근했을 경우 접근 전의 페이지로 이동한다. (브라우저 <- 이것과 같다.)

 



개발자도구여는 법 

- Ctrl+Shift+I

- 마우스 우 클릭 > 리스트에서 '검사' 클릭



Device Mode

'디바이스 아이콘' 클릭하면 Device Mode 접근 가능


디바이스 사용자 추가 방법은

Responsive옆에 '▼' 클릭 한 후 나오는 리스트에서 'Edit..' 클릭



여기에서 디바이스 추가 및 커스텀이 가능하다.


Add custom device... 클릭해서 수치 넣고 Add 


리스트에서 확인 가능!


저 막대기 바를 눌러서 크기 변경 가능


옵션 아이콘을 눌러서 Show media queries 누르면

사용된 미디어 쿼리가 확인 가능.



마우스 올려두면 확인가능하지만

파란색이 max-width 고 주황색이 min-width


옵션에서 show rulers누르면



이렇게 설정됩니다.



그리구 capture screenshot을 하게 되면

현재 페이지의 스크린샷을 저장!



현재 페이지 캡쳐가 필요할때 유용할 것 같다~










호스팅, 도메인 등록 방법 알아보기


호스팅 업체 등록 시 워드프레스 설치를 자동으로 해주지 않는다면 어떻게 설치를 하는지에 대해 알아보겠습니다.


FTP란? 

파일 전송 프로토콜은 TCP/IP 프로토콜을 가지고 서버와 클라이언트 사이의 파일 전송을 하기 위한 프로토콜이다. 파일 전송 프로토콜은 TCP/IP 프로토콜 테이블의 응용 계층에 속하며, 역사는 오래 되었지만 지금도 인터넷에서 자주 사용된다............ 블라블라  - 출처 : 구글사전


간단히 말하면 파일 전송 프로토콜입니다.

FileZilla는 웹 서버에 내가 소스(파일,이미지, 동영상등..)를 올릴 때 사용하는 프로그램입니다.


1.
워드프레스 파일 설치
워드프레스 홈페이지에 접속 합니다. 
https://wordpress.org/ 
https://ko.wordpress.org/

두 사이트 모두 워드프레스 공식 홈페이지이며 워드프레스 파일을 다운로드 할 수 있습니다.


메인 페이지 좌측 상단에 'get wordpress' , '워드프레스 얻기' 버튼을 클릭하여 다운로드 페이지로 이동합니다.




다운로드 페이지에서 가운데에 있는 다운로드 버튼을 클릭하면 워드프레스 파일을 받을 수 있습니다. 
(버전은 다를 수 있습니다)



받은 파일 압축을 풀어주면 압축이 풀린 파일이 받아지는데, 

이 파일이 서버에 올라가야 워드프레스 설치가 완료되는 것 입니다. 


이 파일을 FTP로 올리는 작업을 할 것 입니다. (그러기 위해서는 도메인,호스팅 등록 작업을 진행 한 후어야 합니다.


2.

FTP 프로그램을 다운로드


서버에 워드프레스 파일을 업로드하기 위해서는 FTP 파일이 필요한데,

저는 FTP 파일 중에 '파일질라' 프로그램을 이용 할 것 입니다.

이 프로그램을 이용하는 이유는 사용하기 쉬우며, 유명하며, 오픈 소스 (자유 소프트웨어) = 무료 이기 때문입니다.




다운로드 받기 위해서 검색 포털에서 '파일질라 다운로드' 검색 후에 download 페이지로 이동해줍니다. ( 다운로드 바로가기 )




다운로드 페이지에서 자신의 운영체제를 확인 한 후 다운로드를 진행해줍니다.

Download FileZilla Client 클릭 > Download 클릭


다운로드 완료 후 다운 받아진 .exe 파일을 실행 해 줍니다.

 FileZilla 다운로드 매니저가 실행됩니다.



I Agree 클릭 



사용 옵션 선택 후  Next > 클릭

(해당 컴퓨터 모든 유저가 사용할 것인지, 오직 나만 사용할 것인지를 결정하여 진행하면 됩니다.)



components 다운로드 되는 것 같은데 그냥 Next >



다운로드 경로를 변경하고 싶다면 변경하고 아니라면 Next >



Next > 



저기 체크되어있는 부분 해제하고 Next >  

( Avast Free Antivirus 프로그램 다운로드 받고 싶다면 체크 한 상태로 Next > )



저기 체크 부분 해체 후 Next > 

(Opera 브라우저 다운로드 받고 싶다면 체크 한 상태로 Next > )



다운로드 로딩 창으로 변경이 되었다가(순식간에 되버려서 캡쳐를 못했습니다.)

다운로드가 완료되면 Finish 버튼이 있는 창으로 변경되는데 Finish 버튼을 클릭해 줍니다.



파일질라 프로그램 접속 화면 입니다. 


여기서 내 호스팅 서버에 연결을 하려면

빨간 박스 상자 안에 있는 호스트, 사용자명, 비밀번호, 포트정보를 입력한 후에 빠른 연결을 눌러주면 됩니다.

포트 같은 경우는 공백으로 둬도 됩니다.(공백일 경우 기본 포트 (21) 사용합니다)


호스트, 사용자명, 비밀번호 등의 정보는 본인이 호스팅등록을 할 때 입력하게 됩니다.


그 정보를 이용해서 FTP 연결하면 됩니다.



연결이 되었다면 좌측은 내 로컬(내 컴퓨터)이고 우측은 호스팅 서버입니다.(이미지는 서버연결이 안 된 상태라 문구가 뜨고 있습니다)

서버 쪽 파일 루트는 아무것도 없는 상태이기때문에 '/' 이렇게 나와있을 것입니다. 


워드프레스 파일을 서버에 올려서 설치를 완료하려면 

좌측의 내 로컬에 있는 wordpress 폴더 루트를 찾아서 파일을 드래그해서 우측에 있는 내 호스팅 서버에 드롭해 주면 됩니다.

혹은 파일 우측마우스 > 업로드 버튼 클릭을 해주면 워드프레스 설치 완료입니다.





1. ctrl + x 누르면 옵션 창 뜹니다.


2. Windows PowerShell(l) 클릭하거나 l(L) 누르면 창이 하나 뜹니다.


3. 'winver' 친 후에 엔터를 누르면 버전 정보가 적혀있는 팝업창이 뜹니다.



+ Recent posts