Tip & Tech/Tip17 관리자권한으로 host파일 여는방법 or host파일이 열리지 않을 때 web개발자에게 관리할 서버가 많다는건 그만큼 관리할 도메인이 많아진다는 것을 의미한다. 실제로 접속여부나 서버의 정상상태 확인 등을 위해 HOST파일에 IP와 도메인을 기술하여 접속,테스트를 한다. 어쨌든간에, host파일을 수정할 일이 잦은 업무여서 그때마다 host파일이 있는 디렉토리로 가서 수정하기란 너무 번거로운 일. 그리고 가끔 개발자 아닌 분들은 "host파일이 관리자 권한으로 안 열려요" 하면서 봐달라고 하는 경우도 있었다. 그래서 필자는 host파일을 다음과 같이 바로가기파일로 만들어서 빠르게 접근하여 수정한다. 1. 바탕화면에서 마우스우클릭 > 새로만들기 > 바로가기 클릭 2. 다음과 같이 나온 바로가기만들기 창에서 메모장(notepad.exe)가있는경로 host파일경로를 작성해주면 된.. 2019. 10. 23. 크롬 javascript 디버깅하는 방법 – Source편 Source탭에서는 디버거(버그잡는) 기능을 제공한다. 디버깅에서 브레이크 포인트를 설정하는 이유는 그 시점에서 어떤 값이 셋팅 되는지 확인하고 소스의 동작 방식 대해 이해하기 위해서 입니다. 변수에 마우스를 가져가면 동작 시점에서 할당된 변수의 값을 볼 수 있고, 좀 더 상세한 흐름을 알기 위해 브레이크 포인트를 걸고 단계별로 진행하며 소스 실행 순서 등을 추적해 볼 수도 있습니다. 1번째 버튼 : break point를 무시하고 실행한다. (다음 break point가 나타날때 까지 실행한다 라는 의미도 된다. 한 단계씩이 아닌 바로 다음 단계로 빠르게 이동하기 위해서 사용한다.)2번째 버튼 : break point 에서부터 한줄 한줄 디버깅을 실행한다.3번째 버튼 : into로인해 함수안으로 들어가.. 2016. 11. 21. 크롬 JAVASCRIPT 디버깅하는 방법 – Network 편 Resource탭은 해당 페이지가 어떤 리소스들로 구성되어 있는지 나타내주는 것.길게 설명할 게 없어서 Network 탭으로 넘어갈게요. 웹브라우저와 서버사이에서의 데이터 흐름을 일목요연하게 파악하고 분석할 수 있도록 도와주는 툴이다. Status : 서버가 웹 페이지를 서비스할 때의 결과를 나타내주는 것 (ex 200 : 정상작동 304 : 브라우저가 이미 서버쪽에 접근을 한 적이 있다는 의미. 이미 서버에서 내 려받은 파일이 있기 때문에 다시 서버가 클리이언트에게 파일을 제공해주 지 않아도 됨을 의미한다 ) Type : 클라이언트가 서버에 요청한 데이타 타입이 무엇인지 나타내주는 것 Time : 요청 -> 응답까지의 시간 Timeline : 각각의 리소스가 동시에 로딩되는 것이 아니기 때문에, 그 순.. 2016. 11. 21. 크롬 javascript 디버깅하는 방법 – Elements편 Elements 탭 = elements를 분석하고 실시간으로 수정할 수 있는 기능성을 제공하는 부분이다. 왼쪽은 하이라키 구조를 보여주는 html 코드, 오른쪽은 코드의 속성값들을 보여준다.또한, html에서 랜더링 된 최종 결과물 코드가 보여지는 부분이다. 돋보기 모양의 아이콘(노란색으로 체크 되어져 있는 부분)으로 원하는 element를 선택하여 소스를 찾아볼 수 있다. 또는 원하는 “element 우클릭 > 검사”를 클릭해도 된다. Computed 탭에서는 선택된 엘리먼트가 최종적으로 적용 되어진 css 속성들이 무엇인지 볼 수 있다. 여기에서 Computed는 최종적은 스타일 결과를 보여주는 것이고, Styles은 현재 명시적으로 css를작성한 개발자가 해당 엘리먼트에 css로 적용한 속성값만을 .. 2016. 11. 18. 크롬에서 javascript 디버깅하는 방법 F12 도구를 사용하면 웹 개발자가 브라우저를 종료하지 않고 JavaScript 코드를 빠르게 디버그 할 수 있습니다.F12 도구는 중단점, 조사식 및 지역 변수 보기와 같은 디버깅 도구 그리고 메시지 및 즉시 코드 실행을 위한 콘솔을 제공합니다. 중단점을 설정하고, 조사식 및 지역 변수를 보고 일련의 함수로 이루어진 호출 스택을 표시하려면 디버깅 시작 단추를 클릭하면 됩니다.디버깅 시작 단추를 눌러 웹 페이지를 새로 고치고 디버거에서 코드를 다시 시작합니다. 구글 크롬 디버깅 OverView (1)Console :: 자바스크립트 명령을 실시간으로 출력해 볼 수 있는 공간을 제공해준다. (2) Elements :: 웹페이지를 구성하는 구성요소 (태그 및 버튼 등) (3) Network :: 웹페이지를 로.. 2016. 11. 18. 티스토리에 유투브 동영상 올리는 방법 티스토리에 유투브 동영상 넣는방법입니다 1. 티스토리 관리 > 플러그인설정 > 글쓰기 > YouTube 동영상 넣기를누른 후 확인버튼 눌러주세요~~ 위의 "위치로그 표시"처럼 주황색 체크박스가 선택되면 완료 !!!! 2. 그런 후, 글쓰기를 누르면 좌측 하단플러그인에 이렇게 YouTube가 뜬답니다 ㅎㅎㅎㅎㅎㅎㅎ클릭하면 이렇게 동영상 첨부할 수 있는 팝업창이 떠요 !!! 3. 팝업창에서 원하는 동영상 키워드를 검색하신 후,체크박스를 선택하고사이즈를 선택하는 등,추가적인 설정을 해주시고 확인을 누르시면 동영상이 업로드된답니당 간단하여라~~~~~~~~~~~ 그렇게 첨부된 동영상 하나 ㅎㅎ 2016. 11. 1. 이전 1 2 3 다음
