전체 글231 JavaScript - 페이지 전체 로딩 표시 띄우기 JavaScript - 페이지 전체 로딩 표시 띄우기 JavaScript와 JQuery를 이용하여 쉽게 표시가 가능하다. 먼저 전체 스크립트 소스는 다음과 같다. 사용방법 다음과 같이 3개의 함수를 선언해주고 html에 id가 mask인 div를 하나 만들어준다. 그리고 원하는 타이밍에 loading 함수를 호출해주면 loading에 path에 맞는 gif 이미지가 뜨는 방식이다. 위에 예제로는 setTimeout 함수를 사용하여 3초가 동작하다가 closeLoadingWithMask 함수를 호출하여 종료하는 방식이다. 이렇게 원하는 시간 뒤에 종료할때는 setTimeout 함수를 사용하면 되고 따로 종료 시점이 필요한 경우에는 그 시점에 해당하는 함수 안에 closeLoadingWithMask 를 호출.. 2021. 7. 15. Windows Port Kill 명령어 Windows Port Kill 명령어 서버를 동작하다보면 포트가 겹쳐서 강제적으로 포트를 죽였다가 실행해야되는 경우가 있다. 이때 cmd창을 통한 명령어로 쉽게 해결이 가능하다. netstat 해당 명령어를 통해서 확인이 가능하며 몇가지 옵션 값을 이용하여 원하는 값을 정확히 찾을수도 있다. netstat ? 다음과 같이 명령어를 입력하면 모든 옵션 값들의 설명이 나오니 참고한다. netstat -ano 포트를 kill하기 위해서는 PID 정보가 필요하여 현재 포트번호의 PID 정보를 쉽게 보기 위해 ano 세개의 옵션값을 준다. 나온 출력값을 보고 PID 값을 외워놓자. netstat -ano | findstr portNum 만약 정보가 너무 많이 나와 원하는 특정포트만 찾고 싶을때는 아래와 같이 명.. 2021. 7. 13. CSS - position : absolute 를 이용한 div 위치 지정 CSS - position : absolute 를 이용한 div 위치 지정 position은 태그들의 위치를 결정하는 css이다. 기본적으로 div 정렬 시키는 방법은 다양하지만 position을 이용하게 되면 내가 원하는 위치에 어디든 정확히 위치 시킬 수 있다. 글로만 설명하면 이해가 쉽지 않아 아래 그림을 통해 알아본다. 기본적으로 모든 태그들의 디폴트값은 static 상태이며 차례대로 왼쪽에서 오른쪽, 위에서 아래로 쌓인다. position : absolute position: absolute; 포지션 값을 absolute로 주게 되면 position 값이 static 속성이 아닌 relative, absolute, fixed인 부모 태그를 기준으로 기준점을 삼는다. 만약 relative, abs.. 2021. 7. 12. Tools - Postman REST API 테스트 환경 만들기 Tools - Postman REST API 테스트 환경 만들기 REST API 테스트시 브라우저를 통해서는 간단한 get방식의 요청 등만 가능하므로 포스트맨을 이용하여 여러가지 요청 방식의 테스트를 진행 가능하며 결과 또한 빠르게 확인이 가능하다. 설치 환경 설정에 앞서 먼저 다운을 받아 설치를 해준다. https://www.postman.com/downloads/ Download Postman | Try Postman for Free Try Postman for free! Join 13 million developers who rely on Postman, the collaboration platform for API development. Create better APIs—faster. www.po.. 2021. 7. 4. Linux - 파일 생성 및 편집 명령어 vi 파악하기 Linux - 파일 생성 및 편집 명령어 vi 파악하기 리눅스나 유닉스에서 사용하는 vi편집기는 총 3가지 모드로 정의되어 있다. 명령어나 구조를 아예 모를때 vi를 눌러보면 뭐가 뭔지 이해가 되지 않는다. 각 모드에 따라 어떠한 명령어가 존재하며 어떤 기능을 하는지 정리해본다. (명령어가 더 많이 존재하지만 필수적으로 사용되는거 위주로 정리해본다.) 1. 명령모드 (command mode) 처음 vi 명령어를 입력하면 명령모드로 들어가게 된다. 이때 키보드 방향키를 이용하여 커서를 이동 가능하며, "dd" or "yy"를 통해 한줄 삭제와 한줄 복사가 가능하다. (x를 통해서는 한글자 삭제 가능) 2. 입력모드 (insert mode) 명령모드에서 i 또는 a를 누르게 되면 입력모드로 들어올 수 있다... 2021. 7. 2. Git - 원격저장소 만들기 & push 작업 시 무반응 에러 해결 방법 (feat. windows) Git - 원격저장소 만들기 & push 작업 시 무반응 에러 해결 방법 (feat. windows) 지난 로컬저장소 만들기에 이어서 원격저장소를 만들고 원격저장소에 올리는 작업을 알아보려고 한다. 더불어 이 과정에서 있었던 이슈를 해결한 방법도 올려본다. 보통 에러가 나면 에러 메시지가 뜨는데 아무것도 뜨지가 않아서 한참 애먹었다.. 원격 저장소 만들기 원격 저장소를 만들기 위해 github을 이용한다. 많은 사람들이 git과 github를 처음에 동일하다고 착각을 하는데 github는 하나의 웹서비스로써 git을 관리할 수 있는 git에 원격 저장소를 제공해준다. 혹여나 github에 계정이 없다면 하나 만들어주자. https://github.com/ GitHub: Where the world bui.. 2021. 7. 1. 이전 1 ··· 27 28 29 30 31 32 33 ··· 39 다음
