전체 글 썸네일형 리스트형 [tool]ngrok 사용하기(2) 설치가 완료되었으니 사용하기 위해서 인증이 필요합니다. 터미널에 위의 빨간 박스를 복사해서 실행하면 인증이 완료됩니다. 저기서 중요한건 인증 토큰입니다. 인증토큰을 확인할 수 있는 페이지는 좌측 메뉴의 Getting Started > Your Authtoken에 진입하면 확인할수 있습니다. 로컬에서 웹서버를 구동하면 localhost:XXXX 와 같이 뒤에 포트 번호를 정해서 기동합니다. 그럼 이제 실행해봅시다. 위와 같이 실행하면 localhost:8080을 가상도메인으로 외부에서 실행 해줄수 있게 해줍니다. 실행 후 위에 빨간박스 URL진입하면 로컬의 서비스를 외부에서 확인할 수 있습니다. 끝! 더보기 [tool] ngrok 사용하기(1) ngrok이라는 툴이 있습니다. 해당 툴은 우리가 로컬에서 작업한 내역을 타 디바이스에서 볼수 있도록 가상 호스팅을 해주는 툴입니다. 위의 붉은색 부분을 클릭하여 회원가입/로그인을 하시면 메인화면이 노출됩니다. 메인화면에 진입해서 위의 빨간 영역의 버튼을 눌러 설치 하면됩니다. 그런데 저는 뭔가 잘 안되서 그냥 홈브루로 설치 하였습니다. brew install --cask ngrok 터미널에 진입해서 위와같이 입력하면 설치가 됩니다. 더보기 [자바스크립트] 옵셔널 체이닝 간혹 개발을 하던 도중 객체 안에 있는 객체의 내용을 추출하고 싶은 경우가 있다. json1 : { json2 : { name:'1111' } } 이런 형태의 json에서 json2 안에 있는 name 을 추출하고 싶은 경우, 만약 최상위 json이 undefined라면 json1.json2.name이라고 호출을 하면 위와같은 에러가 발생한다. 이를 방지 하기 위해서 많은 방어코드가 필요하다 if....와 같은. Uncaught TypeError: Cannot read properties of undefined (reading 'json2') at :1:11 그래서 존재 할지 안할지 모르는 객체에서 값을 추출할때 아래와 같이 작성하면 많은 방어코드가 필요하지 않다. json1?.json2.name 끝! 더보기 [자바스크립트] this 변경해주는 방법 기본적으로 this 라고 개발자 모드 console에 입력해 주면 라고 나온다. 여기서 가르키는 this가 window 객체를 나타내는 것이기 때문입니다. 특정 객체 안에서 this를 사용 하면 이 this는 특정 객체를 나타내는것입니다. 이러한 this가 가르키는 곳을 변경해 주고 싶으면 obj1.bind(obj2) 또는 obj1.call(obj2) 라고 쓰면 되는데 (obj1은 일단 주로 함수 이고 obj2는 객체 이다.) 둘의 차이는 bind는 this 객체만 변경을 하고 변경된 함수를 리턴해 준다. call은 변경해서 실행까지 해준다. 사용법) 함수이름 test, this로 변경하고 싶은 객체 obj call - test.call(obj); bind - test.bind(obj) 결과물의 차이는 .. 더보기 [자바스크립트] 재귀함수로 계층구조(hierarchy structure) json 만들기 HTML 삽입 미리보기할 수 없는 소스 예시 데이터 HTML 삽입 미리보기할 수 없는 소스 호출 방식 HTML 삽입 미리보기할 수 없는 소스 결과 HTML 삽입 미리보기할 수 없는 소스 더보기 [리눅스] 윈도우에서 작성한 쉘스크립트 파일 리눅스에서 에러나는 경우 윈도우, 리눅스 모두 문서를 작성하다가 줄바꿈을 하는 경우, 동일하게 enter를 누르게 된다. 이를 개행이라고 한다. 하지만 윈도우와 리눅스는 문서의 줄바꿈을 받아드리는 태도는 다르다. 윈도우의 경우 \r\n 로 표현을 하고 리눅스에 경우는 \n 로만 표현한다. 따라서 윈도우에서 편집을 한 문서를 리눅스에서 받아 들일때는 \n만 개행으로 인식하기 때문에 \r은 해당 꺽쇠 표기(caret notation)인 ^M로 화면에 표시하게 된다. 이렇게 되면 리눅스에서 쉘스크립트를 실행 할때 에러가 발생하게 된다. 따라서 해당 문서에 대해서 아래와 같은 리눅스 명령을 실행 해야 한다. HTML 삽입 미리보기할 수 없는 소스 sed : streamlined editor 의 약자로써 수정, 치환, 삭제, 글추가 등 .. 더보기 [CI/CD] AWS에 Repository 생성하기 Bitbucket에서 CICD 자동화를 하려면 일단 만들어질 이미지를 저장하는 레파지토리가 필요하다 그리고 서버에 반영이 될때 해당 레파지토리에서 이미지를 끌어다가 서버에 반영하는 형태이다. 1. 일단 AWS에서 ECS로 검색을 한다. 2. 화면에 좌측에 있는 Repository 메뉴를 클릭하면 아래와 같이 레파지토리들이 나온다.(처음으로 생성하는 경우에는 아무것도 없겠죠?!) 3. 우측에 레포지토리 생성을 누른다. 아래와 같은 화면이 등장하면 그냥 순리대로 작성하면 된다. 공개 할지 비공개 할지.... 리포지토리 이름은 저의 경우는 생성할 이미지 명과 동일하게 만들었습니다. 4. 생성이 완료되면 아래와 같이 만들어 진다. 다음들에서는 만들어진 레파지토리를 어떻게 사용하는지 다루겠습니다!! 더보기 [CI/CD] Bitbucket에서 pipeline을 사용설정하기 일단 저는 Bitbucket을 사용하고 있습니다. 일단 Bitbucket에서 pipeline을 사용하겠다고 설정을 해줘야합니다. 위와같은 화면에서 보면 사이브 메뉴에서 이버튼을 누르면 상단의 화면으로 진입합니다. 화면에서 Enable pipeline 버튼을 클릭하면 아래와 같이 해당 레파지토리에서 pipeline을 사용할 준비가 완료됩니다.! 더보기 이전 1 2 3 4 ··· 6 다음
