3b:T848, 코딜리티라는 웹사이트가 있습니다. 알고리즘을 만드는 실력을 기르는 사이트인데요. 저도 틈틈히 하고 있습니다. 오늘은 그 중 첫번째인 BinaryGap에 대해 알아봅시다. 먼저 문제입니다. 답은 정해져있지 않으며, 여기에 적은 답은 예시 중 하나일 뿐입니다. ### 문제 --- 임의의 숫자 N을 넣습니다. (ex: 529) 이를 이진수로 만들면 1000010001이 됩니다. 여기서, 1과 1사이의 0의 수를 세되, 제일 값이 높은(= 사이 0의 개수가 많은) 숫자를 반환합니다. 파라미터 N은 1부터 int max(32비트 기준. 2,147,483,647)까지를 입력할 수 있습니다. --- 첫번째 문제인 만큼 쉬운 문제입니다. ### Jell의 답 ```js function solution(N) { let dex = N.toString(2) // 우선 주어진 integer를 2진수로 나눕니다. var answer = 0 // 제출할 답의 변수를 지정합니다. var count = 0 // 각 사이의 0의 개수를 임시로 저장할 변수를 지정합니다. for (let index = 0; index < dex.length; index++) { // toString()에서 알 수 있듯, dex는 string형을 가집니다. 이를 하나씩 읽게 됩니다. let value = dex[index] // dex의 index번째 문자를 지정합니다. if (value === '0') { // 만약 dex의 index번째 문자가 0이라면? count++ // count를 늘립니다. } else { // 혹시 0이 아니라면 (풀고보니 생각난 건데 여기서는 else if (value === '1')로 하는 것이 더 정확할 수도 있겠네요)? if (count > answer) { // 임시 저장 변수가 제출할 답보다 크다면? answer = count // 제출할 답을 임시 저장 변수로 바꿔줍니다. } count = 0 // 두 수의 크기가 끝났으니 임시 저장변수를 초기화해줍니다. else로 하는 방법도 있습니다. } } return answer // 모든 계산이 끝나고, 답을 제출합니다. } ``` 다시 한 번 말씀드리지만, 이것은 예시 중 하나일 뿐입니다. 여러분의 방법대로도 만들어보세요! 3c:T1699,

코딜리티라는 웹사이트가 있습니다.
알고리즘을 만드는 실력을 기르는 사이트인데요.
저도 틈틈히 하고 있습니다.
오늘은 그 중 첫번째인 BinaryGap에 대해 알아봅시다.
먼저 문제입니다.
답은 정해져있지 않으며, 여기에 적은 답은 예시 중 하나일 뿐입니다.

문제

임의의 숫자 N을 넣습니다. (ex: 529)
이를 이진수로 만들면 1000010001이 됩니다.
여기서, 1과 1사이의 0의 수를 세되, 제일 값이 높은(= 사이 0의 개수가 많은) 숫자를 반환합니다.
파라미터 N은 1부터 int max(32비트 기준. 2,147,483,647)까지를 입력할 수 있습니다.

첫번째 문제인 만큼 쉬운 문제입니다.

Jell의 답

function solution(N) {
  let dex = N.toString(2) // 우선 주어진 integer를 2진수로 나눕니다.
  var answer = 0 // 제출할 답의 변수를 지정합니다.
  var count = 0 // 각 사이의 0의 개수를 임시로 저장할 변수를 지정합니다.
  for (let index = 0; index < dex.length; index++) {
    // toString()에서 알 수 있듯, dex는 string형을 가집니다. 이를 하나씩 읽게 됩니다.
    let value = dex[index] // dex의 index번째 문자를 지정합니다.
    if (value === '0') {
      // 만약 dex의 index번째 문자가 0이라면?
      count++ // count를 늘립니다.
    } else {
      // 혹시 0이 아니라면 (풀고보니 생각난 건데 여기서는 else if (value === '1')로 하는 것이 더 정확할 수도 있겠네요)?
      if (count > answer) {
        // 임시 저장 변수가 제출할 답보다 크다면?
        answer = count // 제출할 답을 임시 저장 변수로 바꿔줍니다.
      }
      count = 0 // 두 수의 크기가 끝났으니 임시 저장변수를 초기화해줍니다. else로 하는 방법도 있습니다.
    }
  }
  return answer // 모든 계산이 끝나고, 답을 제출합니다.
}

다시 한 번 말씀드리지만, 이것은 예시 중 하나일 뿐입니다.
여러분의 방법대로도 만들어보세요!

3d:T65f, XMLHttpRequest(XHR)은 서버와 상호작용을 가능하게 해주는 객체입니다. Ajax에 주로 쓰이며, 마찬가지로 전체 데이터를 새로 불러오지 않고도 일부분만을 업데이트 할 수 있습니다. 저는 이를 [블로그 서버의 online상태를 확인](https://blog.jell.kr/chat/2018/08/07/내_블로그는_살아있는가/)하는 데에 사용했습니다. ```javascript let xhttp = new XMLHttpRequest() // XMLHttpRequest 객체를 만듭니다. xhttp.onreadystatechange = () => { // xhttp객체의 상태가 변화할 때 비동기로 실행됩니다. if (xhttp.readyState == 4 && xhttp.status == 200) { // readyState는 밑에서 따로 설명합니다. 지금 여기서는 서버로부터 정상적으로 반환되었을 때를 나타냅니다. document.getElementById('status').innerHTML = 'online' } else { // 서버로부터 정상적으로 반환받지 못했거나, response status가 200이 아닐 때 들어옵니다. document.getElementById('status').innerHTML = 'offline' } } xhttp.open('GET', 'https://blog.jell.kr') // 서버의 주소와 method('GET', 'POST', 'PUT', 'DELETE' 등)을 설정합니다. xhttp.send() // 지정된 XMLHttpRequest를 시작합니다. ``` readyState는 각각 다음과 같은 상태를 나타냅니다. ```text 0 (uninitialized) - (request가 초기화되지 않음) 1 (loading) - (서버와의 연결이 성사됨) 2 (loaded) - (서버가 request를 받음) 3 (interactive) - (request(요청)을 처리하는 중) 4 (complete) - (request에 대한 처리가 끝났으며 응답할 준비가 완료됨) ``` 3e:T144b,

XMLHttpRequest(XHR)은 서버와 상호작용을 가능하게 해주는 객체입니다.
Ajax에 주로 쓰이며, 마찬가지로 전체 데이터를 새로 불러오지 않고도 일부분만을 업데이트 할 수 있습니다.
저는 이를 블로그 서버의 online상태를 확인하는 데에 사용했습니다.

let xhttp = new XMLHttpRequest() // XMLHttpRequest 객체를 만듭니다.
xhttp.onreadystatechange = () => {
  // xhttp객체의 상태가 변화할 때 비동기로 실행됩니다.
  if (xhttp.readyState == 4 && xhttp.status == 200) {
    // readyState는 밑에서 따로 설명합니다. 지금 여기서는 서버로부터 정상적으로 반환되었을 때를 나타냅니다.
    document.getElementById('status').innerHTML = 'online'
  } else {
    // 서버로부터 정상적으로 반환받지 못했거나, response status가 200이 아닐 때 들어옵니다.
    document.getElementById('status').innerHTML = 'offline'
  }
}
xhttp.open('GET', 'https://blog.jell.kr')
// 서버의 주소와 method('GET', 'POST', 'PUT', 'DELETE' 등)을 설정합니다.
xhttp.send() // 지정된 XMLHttpRequest를 시작합니다.

readyState는 각각 다음과 같은 상태를 나타냅니다.

  0 (uninitialized) - (request가 초기화되지 않음)
  1 (loading) - (서버와의 연결이 성사됨)
  2 (loaded) - (서버가 request를 받음)
  3 (interactive) - (request(요청)을 처리하는 중)
  4 (complete) - (request에 대한 처리가 끝났으며 응답할 준비가 완료됨)

18:["$","main",null,{"className":"min-h-screen","children":["$","div",null,{"className":"mx-auto max-w-container px-content py-content","children":[["$","div",null,{"className":"mb-8 text-center","children":[["$","h1",null,{"className":"mb-2 text-3xl font-bold tracking-tight text-foreground md:text-4xl","children":[["$","span",null,{"className":"text-primary","children":"#"}],"Dev"]}],["$","p",null,{"className":"text-lg text-muted-foreground","children":[24,"개의 포스트"]}]]}],["$","$L20",null,{"posts":[{"slug":"dev/2026/09/15/dependency-sweep-and-the-ci-that-ran-nothing","frontMatter":{"category":"Dev","date":"2026-09-15","title":"의존성 취약점 228건을 정리하다가, 3주째 한 번도 안 돌던 테스트를 찾았습니다","tags":["의존성","보안","CI","npm","pnpm","삽질"],"featuredImage":"$undefined"},"content":"$21","htmlContent":"$22","excerpt":"오랜만입니다. 지난 글이 6월이었으니 세 달 만이네요. 그 사이에 블로그를 안 쓴 건 맞는데, 블로그를 안 만진 건 아닙니다. CI 를 고치고 의존성을 올리고 취약점을 닫았습니다. 인쇄기만 열심히 정비하고 정작 인쇄는 안 한 셈이죠. 그 정비 작업이 생각보다 할 말이 많아서, 그걸 첫","path":"dev/2026/09/15/dependency-sweep-and-the-ci-that-ran-nothing.md","tableOfContents":"

","isDraft":false},{"slug":"dev/js/tip/2025/08/31/next-server-process-management-guide","frontMatter":{"category":"Dev","date":"2025-08-31","title":"Next.js 개발 서버 프로세스 관리 - 찾기와 종료 완전 가이드","tags":["Next.js","Process Management","Development Server","macOS","Linux","Shell","Debugging"],"featuredImage":"$undefined"},"content":"$23","htmlContent":"$24","excerpt":"문제 상황 Next.js 개발을 하다 보면 종종 다음과 같은 상황에 마주치게 됩니다: - 개발 서버가 제대로 종료되지 않아 포트가 계속 점유되어 있는 경우 - 백그라운드에서 실행 중인 `next-server` 프로세스가 CPU를 과도하게 사용하는 경우 - 새로운 개발 서버를 시작하려고","path":"dev/js/tip/2025/08/31/next-server-process-management-guide.md","tableOfContents":"$25","isDraft":false},{"slug":"dev/js/tip/2025/08/31/homebrew-nodejs-taskmaster-ai-claude-code-api-issue","frontMatter":{"category":"Dev","date":"2025-08-31","title":"Homebrew로 설치한 Node.js에서 taskmaster-ai가 Claude Code API를 찾지 못하는 문제 해결","tags":["Node.js","Homebrew","taskmaster-ai","Claude Code","API","macOS","환경설정"],"featuredImage":"$undefined"},"content":"$26","htmlContent":"$27","excerpt":"문제 상황 Homebrew로 Node.js를 설치하고 taskmaster-ai 패키지를 사용하려고 할 때, 다음과 같은 오류가 발생할 수 있습니다: ```bash $ npx taskmaster-ai init Error: Claude Code API key not found. Please","path":"dev/js/tip/2025/08/31/homebrew-nodejs-taskmaster-ai-claude-code-api-issue.md","tableOfContents":"$28","isDraft":false},{"slug":"dev/js/tip/2024/08/06/yarn을 npm으로 전역설치 했을 때 업데이트 하는 방법","frontMatter":{"category":"Dev","date":"2024-08-06","title":"yarn을 npm으로 전역설치 했을 때 업데이트 하는 방법","tags":["npm","Yarn","package.json"],"featuredImage":"$undefined"},"content":"\n## 왜 작성하게 되었는가\n\n![이전버전](images/previous-version.png)\n![최신버전](images/current-version.png)\nnpm update -g yarn\n\n만약 업그레이드 후 에러가 나온다면, package.json의 'packageManager'를 지정해주면 된다.\n![package.json의 'packageManager'](images/package-manager.png)\n","htmlContent":"

왜 작성하게 되었는가

$\"이전버전\"$ \n $\"최신버전\"$ \nnpm update -g yarn

만약 업그레이드 후 에러가 나온다면, package.json의 'packageManager'를 지정해주면 된다.\n $\"package.json의$

","excerpt":"왜 작성하게 되었는가 ![이전버전](images/previous-version.png) ![최신버전](images/current-version.png) npm update -g yarn 만약 업그레이드 후 에러가 나온다면, package.json의 'packageManager'를 지정해","path":"dev/js/tip/2024/08/06/yarn을 npm으로 전역설치 했을 때 업데이트 하는 방법.md","tableOfContents":"","isDraft":false},{"slug":"dev/linux/2023/02/27/우분투 22.04로 업그레이드 하던 중 발생한 이슈","frontMatter":{"category":"Dev","date":"2023-02-27","title":"우분투 22.04로 업그레이드 하던 중 발생한 이슈","tags":["Ubuntu","linux","Jell","22.04"],"featuredImage":"/images/dev/linux/2023/02/images/zwift.png"},"content":"$29","htmlContent":"$2a","excerpt":"왜 쓰는가 개인적으로 사용한지 약 7년 된 HGST의 8테라 하드가 슬슬 긁는 소리가 나서 급하게 껐다가 대체품을 구매해서 옮기려고 보니 우분투 22.04 LTS로 업그레이드를 권유하길래 진행하다 멈춰서 리셋을 하고 보니 ![You are in emergency mode](images/","path":"dev/linux/2023/02/27/우분투 22.04로 업그레이드 하던 중 발생한 이슈.md","tableOfContents":"

","isDraft":false},{"slug":"dev/ios/2021/05/14/Cocoapods 1.9.4 이후 RxRealm의 에러 해결방법","frontMatter":{"category":"Dev","date":"2021-05-14T16:00:00Z","title":"Cocoapods 1.9.4 이후 RxRealm의 에러 해결방법","tags":["개발","iOS","Cocoapods","XCode"],"featuredImage":"$undefined"},"content":"\n[이전 글](/dev/ios/2020/10/03/Cocoapods%201.9.4%EC%97%90%20%ED%98%84%EC%9E%AC%20%EB%B2%84%EA%B7%B8%EA%B0%80%20%EC%9E%88%EC%8A%B5%EB%8B%88%EB%8B%A4/)에서\n나타났던 에러의 해결방법입니다.\n\n기존 에러는 다음과 같습니다. \n![증상 스크린샷](images/screenshot1.png)\n\n```text\nUndefined symbols for architecture arm64:\n \"_OBJC_CLASS_$_RLMNotificationToken\", recerenced from:\n objc-class-ref in RxRealm.o\nld: symbol(s) not found for architecture arm64\n```\n\n여기서 Pods 프로젝트의 'RxRealm.framework'의 정보를 보시면\n![RxRealm 이전 스크린샷](images/screenshot2.png)\n이렇게 세 가지의 framework가 포함되어 있음을 알 수 있습니다.\n\n문제는 여기서 제일 중요한 'Realm'의 참조가 빠져있다는 건데요.\nRealm.framework를 추가해 줍니다.\n![Realm 선택 스크린샷](images/screenshot3.png)\n![RxRealm 이후 스크린샷](images/screenshot4.png)\n\n이후 클린 및 빌드를 진행하시면 성공하는 걸 볼 수 있습니다.\n","htmlContent":"$2b","excerpt":"[이전 글](/dev/ios/2020/10/03/Cocoapods%201.9.4%EC%97%90%20%ED%98%84%EC%9E%AC%20%EB%B2%84%EA%B7%B8%EA%B0%80%20%EC%9E%88%EC%8A%B5%EB%8B%88%EB%8B%A4/)에서 나타났던 에러의 해결방","path":"dev/ios/2021/05/14/Cocoapods 1.9.4 이후 RxRealm의 에러 해결방법.md","tableOfContents":"","isDraft":false},{"slug":"dev/linux/2020/10/22/외부에서 우분투로 접속하기 위한 SSH 설정","frontMatter":{"category":"Dev","date":"2020-10-22T13:40:00Z","title":"외부에서 접속하기 위한 ssh 설치 가이드","tags":["Ubuntu","linux","Jell","Shell"],"featuredImage":"$undefined"},"content":"\n## 왜 쓰는가\n\n우분투를 메인으로 쓰시는 분이 많이 늘었다고는 하지만, 여전히 서브로 쓰시는 분들이 많습니다. \n그렇다고 우분투를 쓰기 위해 키보드 마우스를 계속 옮기는 일도 번거로운 일이죠. \n제일 크게 다가오는 이유는 역시 서버를 여러군데 두는 일일 것입니다. \nSSH는 우분투(리눅스, 유닉스)를 외부에서 접속할 수 있게 해주는 도구입니다.\n\n## SSH 설정 방법\n\n우선 제일 널리 알려진 OpenSSH를 설치해줍시다.\n\n```shell\nsudo apt update && sudo apt install openssh-server\n```\n\n설치는 완료되었지만, 이대로는 외부에서 접속 할 수 있는 방법이 없습니다. 바로 접속주체를 설정하지 않았기 때문인데요, \n우선 기본적으로 할 수 있는 비밀번호로 접속 허용을 해줍시다.\n\n```shell\nsudo vi /etc/ssh/sshd_config\n```\n\n이 파일은 ssh데몬의 설정파일인데요, 여기서...\n\n```text\n#PasswordAuthentication yes\n```\n\n의 주석을 해제해주면 됩니다.\n","htmlContent":"$2c","excerpt":"왜 쓰는가 우분투를 메인으로 쓰시는 분이 많이 늘었다고는 하지만, 여전히 서브로 쓰시는 분들이 많습니다. 그렇다고 우분투를 쓰기 위해 키보드 마우스를 계속 옮기는 일도 번거로운 일이죠. 제일 크게 다가오는 이유는 역시 서버를 여러군데 두는 일일 것입니다. SSH는 우분투(리눅스, 유닉스","path":"dev/linux/2020/10/22/외부에서 우분투로 접속하기 위한 SSH 설정.md","tableOfContents":"

왜 쓰는가
SSH 설정 방법

","isDraft":false},{"slug":"dev/linux/2020/10/11/개인적으로 쓰는 우분투 노트북 설치 가이드","frontMatter":{"category":"Dev","date":"2020-10-11T05:00:00Z","title":"개인적으로 쓰는 우분투 노트북 설치 가이드","tags":["Ubuntu","linux","Jell","Shell"],"featuredImage":"$undefined"},"content":"\n## 왜 쓰는가\n\n저녁에 조금 일찍 잠들어서 자정즈음에 깼습니다. \n그냥 멍때리면서 개발하고 있다가, 문득 제가 쓰는 노트북~~나스 대용~~의 우분투 버전이 18.04 LTS라는 걸\n떠올리면서 ~~왜 그랬는지는 모르겠지만~~ 20.04.1 LTS로 이 참에 업그레이드나 해야겠다...하고 아무 생각없이\n\n```shell\ndo-release-upgrade -d\n```\n\n를 입력한 게 새벽 1시 경이었습니다. \n그리고 30분 뒤... 10년 된 제 노트북이 뻗더군요. \n순간 머리속이 새하얘졌습니다.\n\n```text\n잠깐 내 데이터! 내 설정!\n```\n\n어찌저찌 살려보려고 급한 ssl인증서 정도만 백업하고 결국 초기화를 시작했습니다.\n\n## 우분투 설치\n\n우분투 설치는 기본적으로 같습니다. USB를 꽂고 부팅 순서를 맨 위로 올려주면 윈도우 설치하듯이 시작할 수 있습니다.\n\n저 같은 경우에는 '그래픽과 Wi-Fi 하드웨어 그리고 추가 미디어 포맷을 위한 서드 파티 소프트웨어 설치'를 체크하면 설치 마지막에 실패를 하더군요. 체크를 해제하고 다시 설치 중입니다.\n\n생각보다 길어져 따로 업로드 하겠습니다.\n","htmlContent":"

왜 쓰는가

저녁에 조금 일찍 잠들어서 자정즈음에 깼습니다.
\n그냥 멍때리면서 개발하고 있다가, 문득 제가 쓰는 노트북~~나스 대용~~의 우분투 버전이 18.04 LTS라는 걸\n떠올리면서 ~~왜 그랬는지는 모르겠지만~~ 20.04.1 LTS로 이 참에 업그레이드나 해야겠다...하고 아무 생각없이

do-release-upgrade -d\n

를 입력한 게 새벽 1시 경이었습니다.
\n그리고 30분 뒤... 10년 된 제 노트북이 뻗더군요.
\n순간 머리속이 새하얘졌습니다.

잠깐 내 데이터! 내 설정!\n

어찌저찌 살려보려고 급한 ssl인증서 정도만 백업하고 결국 초기화를 시작했습니다.

우분투 설치

우분투 설치는 기본적으로 같습니다. USB를 꽂고 부팅 순서를 맨 위로 올려주면 윈도우 설치하듯이 시작할 수 있습니다.

저 같은 경우에는 '그래픽과 Wi-Fi 하드웨어 그리고 추가 미디어 포맷을 위한 서드 파티 소프트웨어 설치'를 체크하면 설치 마지막에 실패를 하더군요. 체크를 해제하고 다시 설치 중입니다.

생각보다 길어져 따로 업로드 하겠습니다.

","excerpt":"왜 쓰는가 저녁에 조금 일찍 잠들어서 자정즈음에 깼습니다. 그냥 멍때리면서 개발하고 있다가, 문득 제가 쓰는 노트북~~나스 대용~~의 우분투 버전이 18.04 LTS라는 걸 떠올리면서 ~~왜 그랬는지는 모르겠지만~~ 20.04.1 LTS로 이 참에 업그레이드나 해야겠다...하고 아무 생","path":"dev/linux/2020/10/11/개인적으로 쓰는 우분투 노트북 설치 가이드.md","tableOfContents":"

왜 쓰는가
우분투 설치

","isDraft":false},{"slug":"dev/ios/2020/10/03/Cocoapods 1.9.4에 현재 버그가 있습니다","frontMatter":{"category":"Dev","date":"2020-10-03T15:30:00Z","title":"Cocoapods 1.9.4에 버그가 있습니다(Cocoapods 다운그레이드 방법)","tags":["개발","iOS","Cocoapods","XCode"],"featuredImage":"$undefined"},"content":"\n집에서 iOS를 공부하기 위해 습관적으로 cocoapods를 업데이트하고 빌드를 하려고 보니\n![증상 스크린샷](images/screenshot1.png)\n\n```bash\nUndefined symbols for architecture arm64:\n \"_OBJC_CLASS_$_RLMNotificationToken\", recerenced from:\n objc-class-ref in RxRealm.o\nld: symbol(s) not found for architecture arm64\n```\n\n라는 에러와 함께 빌드가 실패했습니다. \n그래서 팟을 해제시켜보고 소스를 다시 받아보고 빌드 클린을 해도 증상은 똑같더라구요. \n해결은 의외로 간단했습니다. \n단순히 설치되어있는 cocoapods 1.9.3에 버그가 있어 프로젝트 생성이 이상하게 된다는 건데요.\n\n우선 Podfile에 설정되어 있는 RealmSwift를 5.4.3버전으로 내립니다.\n\n```ruby\n pod 'RealmSwift', '~> 5.4.3'\n```\n\n그리고 설치된 cocoapods를 1.8.3으로 내립니다.\n\n```shell\nsudo gem uninstall cocoapods\nsudo gem install cocoapods -v 1.8.3\npod deintegrate // 설치된 pods의 링크를 해제합니다.\npod cache clean --all // 설치된 pods의 캐시를 모두 날려, 재설치시 캐시를 무시하게 만듭니다.\npod install // clean 한 상태로 다시 설치합니다.\n```\n\n해당 커맨드 입력 후 정상적으로 되더군요. \n하루빨리 버그가 고쳐진 새 cocoapods가 나오길 바랍니다.\n\n---\n\n(2021. 05. 14 추가)\n해결방법이 나와서 추가합니다. [해결방법](/dev/ios/2021/05/14/Cocoapods%201.9.4%20이후%20RxRealm의%20에러%20해결방법/)\n","htmlContent":"$2d","excerpt":"집에서 iOS를 공부하기 위해 습관적으로 cocoapods를 업데이트하고 빌드를 하려고 보니 ![증상 스크린샷](images/screenshot1.png) ```bash Undefined symbols for architecture arm64: \"_OBJC_CLASS_$_RLMNotif","path":"dev/ios/2020/10/03/Cocoapods 1.9.4에 현재 버그가 있습니다.md","tableOfContents":"","isDraft":false},{"slug":"dev/algorithm/2020/09/27/코딜리티2-1","frontMatter":{"category":"Dev","date":"2020-09-27T16:40:00Z","title":"Codility No.2-1 (CyclicRotation)","tags":["개발","알고리즘"],"featuredImage":"$undefined"},"content":"$2e","htmlContent":"$2f","excerpt":"코딜리티라는 웹사이트가 있습니다. 알고리즘을 만드는 실력을 기르는 사이트인데요. 저도 틈틈히 하고 있습니다. 오늘은 그 중 두번째 중 하나인 CyclibRotation에 대해 알아봅시다. 먼저 문제입니다. 답은 정해져있지 않으며, 여기에 적은 답은 예시 중 하나일 뿐입니다. 문제 ---","path":"dev/algorithm/2020/09/27/코딜리티2-1.md","tableOfContents":"

문제
Jell의 답

","isDraft":false},{"slug":"dev/js/tip/2020/09/27/jsbundle에러","frontMatter":{"category":"Dev","date":"2020-09-27T15:40:00Z","title":"React native iOS의 .jsbundle에러 해결법","tags":["개발","Javascript","Typescript","React Native"],"featuredImage":"$undefined"},"content":"\n## 개요\n\n오랜만에 React native 프로젝트를 다시 열 일이 있어서 초기화한 맥에 설치를 하고 앱을 실행해 봤습니다. \n그런데..\n\n![증상 스크린샷](images/screenshot1.png)\n\n에러가 뜨면서 실행이 안되는 겁니다. \n그래서 인생의 동반자~~스승~~인 구글신의 도움을 빌었습니다.\n\n## 해결법\n\n### 1단계\n\n먼저 main.jsbundle을 만들어주는 스크립트를 package.json에 삽입합니다.\n\n```json\n\"build:ios\": \"react-native bundle --entry-file='index.js' --bundle-output='./ios/main.jsbundle' --dev=false --platform='ios'\"\n```\n\n### 2단계\n\n해당 스크립트를 실행합니다.\n\n```shell\nyarn build:ios\n혹은\nnpm run build:ios\n```\n\n### 3단계\n\nXcode의 Build Phases 중 Copy Bundle Resources에 main.jsbundle을 추가해줍니다.\n![파일 선택 전](images/screenshot2.png)\n![파일 선택 후](images/screenshot3.png)\n\n### 4단계\n\n원래 실행하던 대로 iOS를 실행해줍니다.\n\n```shell\nnpx react-native run-ios\n혹은\nreact-native run-ios\n```\n\n이제 정상적으로 실행될 것입니다 :)\n\n출처: [Medium 블로그](https://medium.com/@onexlab.io/no-bundle-url-present-fixed-ca2688a80f66)\n","htmlContent":"$30","excerpt":"개요 오랜만에 React native 프로젝트를 다시 열 일이 있어서 초기화한 맥에 설치를 하고 앱을 실행해 봤습니다. 그런데.. ![증상 스크린샷](images/screenshot1.png) 에러가 뜨면서 실행이 안되는 겁니다. 그래서 인생의 동반자~~스승~~인 구글신의 도움을 빌었습","path":"dev/js/tip/2020/09/27/jsbundle에러.md","tableOfContents":"

개요
해결법\n
- 1단계
- 2단계
- 3단계
- 4단계
\n

","isDraft":false},{"slug":"dev/jell/2020/08/26/5년차가_된_기념_자그마한_고민","frontMatter":{"category":"Dev","date":"2020-08-26","title":"5년차가 된 기념 자그마한 고민","tags":["개발","Jell","넋두리"],"featuredImage":"$undefined"},"content":"\n개발 5년차가 되었습니다. \n조금은 어색하기도 합니다. \n벌써 5년? 이라 생각이 들기도 하고, 이제야 5년? 이라 생각이 들기도 하고. \n지금까지 저는 여러분야를 다 잘 할 수 있는 사람이 되겠다! 라고 생각을 하고 있었는데, \n다들 한결같이\n\n```kr\n어느 한 분야를 깊게 파는 것이 좋다.\n```\n\n라고 이야기를 해 주십니다.\n\n그게 틀린 말이 아니라는 건 압니다. \n다만.. 지금까지 살아온 것과 조금 다른 길?\n\n생각이 깊어지는 밤입니다.\n","htmlContent":"

개발 5년차가 되었습니다.
\n조금은 어색하기도 합니다.
\n벌써 5년? 이라 생각이 들기도 하고, 이제야 5년? 이라 생각이 들기도 하고.
\n지금까지 저는 여러분야를 다 잘 할 수 있는 사람이 되겠다! 라고 생각을 하고 있었는데,
\n다들 한결같이

어느 한 분야를 깊게 파는 것이 좋다.\n

라고 이야기를 해 주십니다.

그게 틀린 말이 아니라는 건 압니다.
\n다만.. 지금까지 살아온 것과 조금 다른 길?

생각이 깊어지는 밤입니다.

","excerpt":"개발 5년차가 되었습니다. 조금은 어색하기도 합니다. 벌써 5년? 이라 생각이 들기도 하고, 이제야 5년? 이라 생각이 들기도 하고. 지금까지 저는 여러분야를 다 잘 할 수 있는 사람이 되겠다! 라고 생각을 하고 있었는데, 다들 한결같이 ```kr 어느 한 분야를 깊게 파는 것이 좋다.","path":"dev/jell/2020/08/26/5년차가_된_기념_자그마한_고민.md","tableOfContents":"","isDraft":false},{"slug":"dev/network/2020/08/01/Letsencrypt 인증서 갱신","frontMatter":{"category":"Dev","date":"2020-08-01","title":"Let's encrypt 인증서 갱신하기","tags":["개발","네트워크"],"featuredImage":"$undefined"},"content":"\n제 블로그는 Let's Encrypt로 SSL을 구성하고 있습니다. \nLet's Encrypt는 무료이기 떄문에 많은 분들이 이용하고 있지만, 무분별한 인증서 남용을 막기 위해 3개월로 기간을 제한하고 있습니다.\n\n저도 다음주에 만기가 되어서 슬슬 알아보다가, 대부분 이용하는 certbot이 아닌 apt 패키지인 'letsencrypt'를 사용하고 있기에 메모할 겸 남겨둡니다. \n현재 저는 nginx를 사용하고 있으며, 와일드카드(\\*) 인증서를 사용하고 있습니다.\n\n```console\nroot@jell:~# letsencrypt certonly -a webroot --agree-tos --renew-by-default --webroot-path=/var/www/blog -d [와일드카드주소]\n```\n\n3개월마다 해줘야하는 게 귀찮은 일이기도 하지만, crontab으로 3개월마다 자동갱신을 할 수도 있습니다. \n이에 대해서는 추후 포스팅 하도록 하겠습니다.\n","htmlContent":"

제 블로그는 Let's Encrypt로 SSL을 구성하고 있습니다.
\nLet's Encrypt는 무료이기 떄문에 많은 분들이 이용하고 있지만, 무분별한 인증서 남용을 막기 위해 3개월로 기간을 제한하고 있습니다.

저도 다음주에 만기가 되어서 슬슬 알아보다가, 대부분 이용하는 certbot이 아닌 apt 패키지인 'letsencrypt'를 사용하고 있기에 메모할 겸 남겨둡니다.
\n현재 저는 nginx를 사용하고 있으며, 와일드카드(*) 인증서를 사용하고 있습니다.

root@jell:~# letsencrypt certonly -a webroot --agree-tos --renew-by-default --webroot-path=/var/www/blog -d [와일드카드주소]\n

3개월마다 해줘야하는 게 귀찮은 일이기도 하지만, crontab으로 3개월마다 자동갱신을 할 수도 있습니다.
\n이에 대해서는 추후 포스팅 하도록 하겠습니다.

","excerpt":"제 블로그는 Let's Encrypt로 SSL을 구성하고 있습니다. Let's Encrypt는 무료이기 떄문에 많은 분들이 이용하고 있지만, 무분별한 인증서 남용을 막기 위해 3개월로 기간을 제한하고 있습니다. 저도 다음주에 만기가 되어서 슬슬 알아보다가, 대부분 이용하는 certbot","path":"dev/network/2020/08/01/Letsencrypt 인증서 갱신.md","tableOfContents":"","isDraft":false},{"slug":"dev/jell/2018/08/21/File-sorter","frontMatter":{"category":"Dev","date":"2020-03-07","title":"File-sorter","tags":["개발","Jell"],"featuredImage":"$undefined"},"content":"\n![File-sorter](images/file-sorter.png)\n\n회사에서 진행하고 있는 거대한 일이 하나 끝나서, 간단한 파일 관리 앱을 만들어보고 있습니다. \n예전부터 Electron Application을 만들어보고 싶었는데, 이번에 자그맣게나마 한 단계를 끊을 수 있어서 참 좋네요. \nRedux에 대한 복습도 하고, fs-extra라는 유용한 라이브러리를 익힐 수 있어서 좋았습니다. \n계속 만들어 볼께요. \n해당 앱에 대한 소스는 [여기](https://github.com/jellive/file-sorter) 에서 확인하실 수 있습니다. \n다른 기능도 천천히 넣어보려고 합니다 :)\n","htmlContent":"

$\"File-sorter\"$

회사에서 진행하고 있는 거대한 일이 하나 끝나서, 간단한 파일 관리 앱을 만들어보고 있습니다.
\n예전부터 Electron Application을 만들어보고 싶었는데, 이번에 자그맣게나마 한 단계를 끊을 수 있어서 참 좋네요.
\nRedux에 대한 복습도 하고, fs-extra라는 유용한 라이브러리를 익힐 수 있어서 좋았습니다.
\n계속 만들어 볼께요.
\n해당 앱에 대한 소스는 여기 에서 확인하실 수 있습니다.
\n다른 기능도 천천히 넣어보려고 합니다 :)

","excerpt":"![File-sorter](images/file-sorter.png) 회사에서 진행하고 있는 거대한 일이 하나 끝나서, 간단한 파일 관리 앱을 만들어보고 있습니다. 예전부터 Electron Application을 만들어보고 싶었는데, 이번에 자그맣게나마 한 단계를 끊을 수 있어서 참 좋","path":"dev/jell/2018/08/21/File-sorter.md","tableOfContents":"","isDraft":false},{"slug":"dev/js/tip/2020/01/11/===연산자","frontMatter":{"category":"Dev","date":"2020-01-11T18:00:00Z","title":"Javascript에만 있는 === 연산자","tags":["개발","Javascript","Typescript"],"featuredImage":"$undefined"},"content":"\n```toc\n\n```\n\n## 개요\n\n보통 개발할 때 서로 다른 두 변수를 비교하기 위해서는 '==' 연산자를 사용합니다.\n\n```javascript\nconst a = 2020\nconst b = 2020\nconsole.log(a == b) // true\n```\n\nJavascript에서도 '==' 연산자가 있어서 물론 사용이 가능합니다. \n실제로 '=='를 사용하는 개발자도 많기도 하구요. \n다만 이 '==' 연산자는 한 가지 단점이 있습니다.\n바로 '자료형'까지 검사하지는 않는다는 점입니다.\n\n```javascript\nconst a = '2020' // string\nconst b = 2020 // number\nconsole.log(a == b) // true\n```\n\n이를 위해 Javascript에서는 '===' 연산자가 있습니다.\n\n### 사용법\n\n```javascript\nconst a = '2020' // string\nconst b = 2020 // number\nconsole.log(a === b) // false\n```\n\n이처럼 자료형까지 포함하여 변수를 비교하기 위해서는 '==='가 필요합니다. \n실제로 개발하다보면 엄연히 존재하는 연산자이기 때문에 에디터에서도 오류로 인식하지 않고,\n막상 실행해보면 개발자의 의도와 다르게 동작하는 코드가 있기 마련인데, 대부분 연산자의 오류가 많습니다.\n","htmlContent":"$31","excerpt":"개요 보통 개발할 때 서로 다른 두 변수를 비교하기 위해서는 '==' 연산자를 사용합니다. ```javascript const a = 2020 const b = 2020 console.log(a == b) // true ``` Javascript에서도 '==' 연산자가 있어서 물론 사용","path":"dev/js/tip/2020/01/11/===연산자.md","tableOfContents":"

개요\n
- 사용법
\n

","isDraft":false},{"slug":"dev/js/tip/2020/01/09/for-of","frontMatter":{"category":"Dev","date":"2020-01-09T13:00:00Z","title":"for-of를 사용해보자.","tags":["개발","Javascript","Typescript"],"featuredImage":"$undefined"},"content":"\n```toc\n\n```\n\n## 개요\n\n모든 언어가 그렇지만, 반복문은 주로 for문을 사용합니다. \n아~~~~주 가끔 while문을 쓰는 정도이고요. \nJavascript에는 for문 말고도 map, forEach 등등 지원해주는 함수가 많이 있습니다. \n오늘은 그 중 for~of문을 소개할까 합니다.\n\n### 사용법\n\n```javascript\nconst years = [2001, 2010, 2015, 2016]\n\nfor (let year of years) {\n console.log(year)\n}\n```\n\n간단하죠? 기존 ES5에서는 for~in 함수가 있었습니다.\n\n```javascript\nconst years = [2001, 2010, 2015, 2016]\n\nfor (let year in years) {\n console.log(year)\n}\n```\n\nES6에는 for~in을 대체할 for~of가 나왔습니다.\nfor~in과 for~of는 역할이 거의 같습니다.\n차이점은 break가 가능 여부이죠.\n\nfor~in은 불가능합니다.\n\nfor~in\n\n```javascript\nconst years = [2001, 2010, 2015, 2016]\n\nfor (let year in years) {\n console.log(year)\n break\n}\n// 2001, 2010, 2015, 2016\n```\n\nfor~of\n\n```javascript\nconst years = [2001, 2010, 2015, 2016]\n\nfor (let year of years) {\n console.log(year)\n break\n}\n// 2001\n```\n","htmlContent":"$32","excerpt":"개요 모든 언어가 그렇지만, 반복문은 주로 for문을 사용합니다. 아~~~~주 가끔 while문을 쓰는 정도이고요. Javascript에는 for문 말고도 map, forEach 등등 지원해주는 함수가 많이 있습니다. 오늘은 그 중 for~of문을 소개할까 합니다. 사용법 ```java","path":"dev/js/tip/2020/01/09/for-of.md","tableOfContents":"

개요\n
- 사용법
\n

","isDraft":false},{"slug":"dev/js/tip/2020/01/07/Axios 설정 시 헤더를 넣는 법","frontMatter":{"category":"Dev","date":"2020-01-07T18:51:00Z","title":"Axios 설정 시 헤더를 넣는 법","tags":["개발","Javascript","Typescript"],"featuredImage":"$undefined"},"content":"\n```toc\n\n```\n\n## 개요\n\nJavascript 개발 시 (특히 node.js 개발 시) 반드시라고 해도 좋을 정도로 유용한 라이브러리가 있습니다. \n바로 'axios'인데요, http(s)를 통해 다른 서버와 통신할 때의 코드를 줄여주는 매크로 모음 라이브러리입니다. \nget은 바로\n\n```javascript\naxios.get('https://blog.jell.kr')\n```\n\n처리할 수 있지만, post는 보내는 방법에 따라 달라집니다. (form-data라거나.. x-www-form-urlencoded라거나...) \n이럴 때 우리는 헤더를 집어넣게 되는데, 다음과 같은 방식으로 넣을 수 있습니다.\n\n## 코드\n\n### header 삽입\n\n```javascript\nconst headers = {\n 'Content-type': 'application/x-www-form-urlencoded; charset=UTF-8',\n Accept: '*/*',\n}\naxios.defaults.headers.post = null\naxios.post('https://blog.jell.kr', param, { headers }).then(res => {\n // headers: {…} 로 들어감.\n console.log('send ok', res.data)\n})\n```\n\n여기서 주목할 것은 {headers}인데요, 위와 같이 넣게 되면 object가 그대로 들어가는 게 아닌\n\n```javascript\nheaders: {\n 'Content-type': 'application/x-www-form-urlencoded; charset=UTF-8',\n 'Accept': '*/*'\n}\n```\n\n의 형태로 들어가게 됩니다. \n뭔가 매크로 같기도 하고..저도 아직 정확한 명칭을 못 찾았는데, 찾게 되면 수정하도록 하겠습니다.\n","htmlContent":"$33","excerpt":"개요 Javascript 개발 시 (특히 node.js 개발 시) 반드시라고 해도 좋을 정도로 유용한 라이브러리가 있습니다. 바로 'axios'인데요, http(s)를 통해 다른 서버와 통신할 때의 코드를 줄여주는 매크로 모음 라이브러리입니다. get은 바로 ```javascript a","path":"dev/js/tip/2020/01/07/Axios 설정 시 헤더를 넣는 법.md","tableOfContents":"

개요
코드\n
- header 삽입
\n

","isDraft":false},{"slug":"dev/algorithm/2020/01/03/삼항연산자","frontMatter":{"category":"Dev","date":"2020-01-03","title":"삼항연산자","tags":["개발","알고리즘"],"featuredImage":"$undefined"},"content":"\n```toc\n\n```\n\n### 개요\n\n우리가 개발하면서 제일 많이 쓰는 조건문은 if ~ else가 있을 것입니다.\n\n```js\nconst a = true\nif (a === true) {\n console.log('a is true')\n} else {\n console.log('a is false')\n}\n```\n\n가장 기초적이고 유용한 문법이긴 하지만, 단순히 처리할 내용이 한 문장일 때에는 중괄호({})를 없애서 사용하기도 합니다.\n\n```js\nconst a = true\nif (a === true) console.log('a is true')\nelse console.log('a is false')\n```\n\n여기서 조금 더 줄일 수 있는 방법으로는 '삼항연산자' 가 있습니다.\n\n### 사용법\n\n기본적인 방법은 다음과 같습니다.\n\n```javascript\n조건 ? 참일 때의 처리 : 거짓일 때의 처리\n```\n\n위의 코드를 삼항연산자로 쓴다면 이렇게 되겠죠.\n\n```js\na === true ? console.log('a is true') : console.log('a is false')\n```\n\n### 응용\n\n만약 if ~ else if ~ else 를 처리하고 싶을 때에는 어떻게 할까요?\n\n```javascript\n조건 ? 참일 때의 처리 : (조건 ? 참일 때의 처리 : 거짓일 때의 처리)\n```\n\n위의 예시와는 조금 다르지만, 이렇게 처리할 수 있습니다.\n\n```js\nconst a = 2\na === 1\n ? console.log('a is 1')\n : a === 2\n ? console.log('a is 2')\n : console.log('a is neither')\n```\n\n저 같은 경우는 최대 두 번까지만 중첩을 하는 편입니다. 다른 사람이 보기에 썩 좋은 코드는 아니기 때문이죠. \n길어진다면 if ~ else 문법이나 switch 문법이 더 보기 편하다 생각합니다.\n\n참고로 Kotlin에서는 삼항연산자 사용이 불가능합니다.\n","htmlContent":"$34","excerpt":"개요 우리가 개발하면서 제일 많이 쓰는 조건문은 if ~ else가 있을 것입니다. ```js const a = true if (a === true) { console.log('a is true') } else { console.log('a is false') } ``` 가장 기초적이고","path":"dev/algorithm/2020/01/03/삼항연산자.md","tableOfContents":"

개요
사용법
응용

","isDraft":false},{"slug":"dev/js/tip/2019/12/31/숫자의 소숫점 처리","frontMatter":{"category":"Dev","date":"2019-12-31T15:33:00Z","title":"숫자의 소숫점 처리 하기.","tags":["개발","Javascript","Typescript"],"featuredImage":"$undefined"},"content":"$35","htmlContent":"$36","excerpt":"개요 Javascript는 숫자를 number형으로 단일 관리합니다. 이는 기존 언어의 Int와 Float(Double)의 경계가 없다는 것을 의미합니다. 이번에 해볼 작업은 JS의 number, 그 중에서도 소숫점을 처리하는 방법에 대해 알아보겠습니다. 코드 원래의 변수 ```java","path":"dev/js/tip/2019/12/31/숫자의 소숫점 처리.md","tableOfContents":"

개요
코드\n
- 원래의 변수
- toFixed()
- Math.round() - 반올림
- Math.ceil() - 올림
- Math.floor() - 내림
- 여담
\n

","isDraft":false},{"slug":"dev/js/tip/2018/09/30/콜백 함수 사용 시 try catch 문 사용 방법","frontMatter":{"category":"Dev","date":"2018-09-30T20:20:00Z","title":"콜백 함수 사용 시 try catch 문 사용 방법","tags":["개발","Javascript","Typescript"],"featuredImage":"$undefined"},"content":"$37","htmlContent":"$38","excerpt":"콜백 함수는 아무리 해도 적응이 안됩니다. 타 언어(C, Java, Swift 등..)에서 당연하다 생각되었던 방법들이 하필 Javascript/Typescript에서만 안되면 곤혹스러운데요. 그 중 하나를 소개해드리고자 합니다. 바로 try~catch문입니다. 다음은 일반적인 try~","path":"dev/js/tip/2018/09/30/콜백 함수 사용 시 try catch 문 사용 방법.md","tableOfContents":"","isDraft":false},{"slug":"dev/js/tip/2018/09/23/콜백 함수를 강제로 Promise함수로 변환하기.","frontMatter":{"category":"Dev","date":"2018-09-23T17:08:00Z","title":"콜백 함수를 강제로 Promise로 변환하기.","tags":["개발","Javascript","Typescript"],"featuredImage":"$undefined"},"content":"$39","htmlContent":"$3a","excerpt":"Node.js는 Javascript를 html에서 어플리케이션용 언어로 쓸 수 있게 해주는 언어입니다. 다만 Node.js의 특성 상, 싱글 스레드이기 때문에 효율적인 처리를 위해 외부 프로세스를 생성하여 비동기 처리하고 있습니다. 이를 받아들일 때는 콜백 함수(Callback Func","path":"dev/js/tip/2018/09/23/콜백 함수를 강제로 Promise함수로 변환하기..md","tableOfContents":"","isDraft":false},{"slug":"dev/algorithm/2018/08/27/코딜리티1","frontMatter":{"category":"Dev","date":"2018-08-28","title":"Codility No.1 (BinaryGap)","tags":["개발","알고리즘"],"featuredImage":"$undefined"},"content":"$3b","htmlContent":"$3c","excerpt":"코딜리티라는 웹사이트가 있습니다. 알고리즘을 만드는 실력을 기르는 사이트인데요. 저도 틈틈히 하고 있습니다. 오늘은 그 중 첫번째인 BinaryGap에 대해 알아봅시다. 먼저 문제입니다. 답은 정해져있지 않으며, 여기에 적은 답은 예시 중 하나일 뿐입니다. 문제 --- 임의의 숫자 N을","path":"dev/algorithm/2018/08/27/코딜리티1.md","tableOfContents":"

문제
Jell의 답

","isDraft":false},{"slug":"dev/network/2018/08/21/SSH 포트 바꾸기","frontMatter":{"category":"Dev","date":"2018-08-21","title":"SSH 접속 포트 바꾸기","tags":["개발","네트워크"],"featuredImage":"$undefined"},"content":"\nSSH의 기본 포트는 '22'입니다. \n하지만 워낙 유명한 포트이기도 하고 일단 접속해서 로그인만 되면 해당 컴퓨터의 운용이 가능해지는 단점이\n있기 때문에, 많은 개발자분들이 SSH 접속 포트를 변경해서 사용하고 있습니다. \n이번에 우리도 한 번 바꿔봅시다! \n리눅스 기준입니다!\n\n우선 ssh를 관리하는 설정 파일에 가봅시다. \n시스템 설정을 수정하기 때문에 루트 권한이 필요합니다.\n\n```console\nroot@jell:~# vi /etc/ssh/sshd_config\n```\n\n들어가면 꽤 긴 설정 값들이 나오게 되는데, 우리는 상단에 있는\n\n```console\nPort 22\n```\n\n만 수정하면 됩니다. \n이 곳에 변경을 원하는 포트 번호를 입력하고 저장 후 닫아 줍시다.\n마지막으로, 해당 서버를 리셋하거나 서비스를 재시작합시다.\n\n```console\nroot@jell:~# service sshd restart\n```\n\n이러면 설정은 끝나게 됩니다.\n","htmlContent":"

SSH의 기본 포트는 '22'입니다.
\n하지만 워낙 유명한 포트이기도 하고 일단 접속해서 로그인만 되면 해당 컴퓨터의 운용이 가능해지는 단점이\n있기 때문에, 많은 개발자분들이 SSH 접속 포트를 변경해서 사용하고 있습니다.
\n이번에 우리도 한 번 바꿔봅시다!
\n리눅스 기준입니다!

우선 ssh를 관리하는 설정 파일에 가봅시다.
\n시스템 설정을 수정하기 때문에 루트 권한이 필요합니다.

root@jell:~# vi /etc/ssh/sshd_config\n

들어가면 꽤 긴 설정 값들이 나오게 되는데, 우리는 상단에 있는

Port 22\n

만 수정하면 됩니다.
\n이 곳에 변경을 원하는 포트 번호를 입력하고 저장 후 닫아 줍시다.\n마지막으로, 해당 서버를 리셋하거나 서비스를 재시작합시다.

root@jell:~# service sshd restart\n

이러면 설정은 끝나게 됩니다.

","excerpt":"SSH의 기본 포트는 '22'입니다. 하지만 워낙 유명한 포트이기도 하고 일단 접속해서 로그인만 되면 해당 컴퓨터의 운용이 가능해지는 단점이 있기 때문에, 많은 개발자분들이 SSH 접속 포트를 변경해서 사용하고 있습니다. 이번에 우리도 한 번 바꿔봅시다! 리눅스 기준입니다! 우선 ssh","path":"dev/network/2018/08/21/SSH 포트 바꾸기.md","tableOfContents":"","isDraft":false},{"slug":"dev/js/tip/2018/08/07/XmlHttpRequest - 서버와 상호작용하기","frontMatter":{"category":"Dev","date":"2018-08-07","title":"XMLHttpMethod - 서버와 상호작용하기","tags":["개발","Javascript"],"featuredImage":"$undefined"},"content":"$3d","htmlContent":"$3e","excerpt":"XMLHttpRequest(XHR)은 서버와 상호작용을 가능하게 해주는 객체입니다. Ajax에 주로 쓰이며, 마찬가지로 전체 데이터를 새로 불러오지 않고도 일부분만을 업데이트 할 수 있습니다. 저는 이를 [블로그 서버의 online상태를 확인](https://blog.jell.kr/ch","path":"dev/js/tip/2018/08/07/XmlHttpRequest - 서버와 상호작용하기.md","tableOfContents":"","isDraft":false}],"postsPerPage":10}]]}]}]

#Dev