1. 웹개발/1_3_1 Tip 검색 결과

해당 글 3건

[Tip] 외부에서 로컬호스트 접근하기 (feat. Ngrok)

개발을 하다 보면 로컬에서 실행 중인 웹 애플리케이션을 외부와 공유해야 할 때가 있습니다. 예를 들어, 동료 개발자와 협업하거나 클라이언트에게 작업 결과물을 빠르게 보여줄 때 유용하죠. 이때 Ngrok을 사용하면 손쉽게 로컬 서버를 안전한 URL로 노출할 수 있습니다. 이번 포스팅에서는 Ngrok을 이용하여 로컬 웹 서버를 외부에서 접근할 수 있도록 설정하는 방법을 알아보겠습니다. 1. Ngrok이란?Ngrok은 로컬에서 실행 중인 애플리케이션에 대한 안전한 터널을 생성하여 전 세계 어디서나 접근할 수 있는 URL을 제공합니다. 이를 통해 HTTP, HTTPS, TCP 같은 프로토콜을 지원하며, 빠르고 간편하게 로컬 서버를 외부에 노출할 수 있습니다. 2. Ngrok 설치 및 설정1) Ngrok 설치하기..
1. 웹개발/1_3_1 Tip 2024. 12. 14. 10:57

[개발자 꿀팁] 크롬 개발자도구 알아보기

이번에는 크롬에서 개발자 도구를 알아보겠습니다. 단축키 F12를 이용하여 개발자 도구를 열어줍니다. 그러면 개발자 도구가 열리고 주요 패널들을 볼 수 있습니다. 주요 패널로는 Elements, Console, Sources, Network 패널이 있습니다. [ Elements ] 주로 디자인을 수정하는 용도로 사용하고 html 문을 확인할 수 있습니다. [ Console ] 로그를 확인할 수 있고, 스크립트 명령어를 입력하는 패널입니다. 브레이크 포인트를 건 시점을 기준으로 변수를 확인할 수 있고, 값도 바꿀 수 있습니다. [ Source ] 자바스크립트 디버깅을 주로 하는 곳입니다. 디버깅은 다음 글에서 자세하게 다루겠습니다. [ Network ] 현 페이지의 HTTP 요청과 응답 리스트와 타임라인 토..
1. 웹개발/1_3_1 Tip 2020. 5. 2. 16:52

[개발자 꿀팁] 이클립스 디버깅 방법

1. 브레이크 포인트를 지정합니다. 에러가 발생하는 라인이나 혹은 의심이 가는 변수를 추적할 라인 위치에 브레이크 포인트를 지정하고 프로그램을 디버깅하면, 해당 라인을 실행할 때 디버거가 작동하게 되고 브레이크포인트를 설정한 곳에서 부터 라인 별로 자세힉 관찰할 수 있습니다. 브레이크 포인트 설정 방법 빨간 박스 안에서 브레이크 포인트를 설정할 곳에 더블 클릭 혹은 마우스 우클릭하여서 [ Toggle Breakpoint ]를 선택합니다. (디버깅 도중에도 추가로 설정할 수 있습니다.) 브레이크 포인트 해제 방법 마우스로 다시 더블 클릭 혹은 마우스 우클릭하여 [ Disable Breakpoint ]를 선택합니다. 2. Debug View를 오픈해줍니다. [ Window - Show View - Debug..
1. 웹개발/1_3_1 Tip 2020. 4. 11. 16:42