아이디벨 블로그

URI, URL 이란? 최근 MVC 패턴의 Controller에 대해서 알아보던 중 URI라는 말이 나와서 어느 부분에서는 URI , 어느 부분에서는 URL 이라고 칭하는 게 너무 헷갈려서 한번 정리하고자 한다. URL 단어는 익숙할 것이다. 하지만 가끔 뭔가 비스무리하면서도 다른 URI이라는 단어를 사용하기도 하는데 이번 시간에는 URL , URI 링크 문자의 명확한 차이를 알아보는 시간을 가져보자. URL(Uniform Resource Locator)란? URL (Uniform Resource Locator) 네트워크상에서 통합 자원(리소스)의 “위치”를 나타내기 위한 규약 URL은 Uniform Resource Locator의 줄임말이다. URL은 네트워크 상에서 리소스(웹 페이지, 이미지, 동영상..

개발 2023. 5. 4. 13:36

프로젝트 개발을 진행하면 다른 개발자와의 협업이 필요하게 되고 이때 깃허브를 이용하게 된다. 깃과 깃허브란 무엇인지, 기본적 용어와 작업 명령어에는 어떤 것이 있는지, 이들의 사용법에 대해 정리해보려고 한다. git이란? git이란 소스코드를 효과적으로 관리하기 위해 개발된 분산형 관리시스템으로 여러 개발자가 협업하는 프로젝트에서 소스의 변화를 분산해서 추적할 수 있고, 프로젝트를 효율적으로 관리할 수 있도록 도와주는 협업도구이다. git에는 크게 세 가지 장점이 존재한다. 동일한 파일을 여러 개발자가 동시에 개발할 수 있다. 작업 파일에 대한 변경 정보를 실시간으로 저장해 준다. 동일한 파일에 대한 각각 다른 버전을 보관할 수 있다. 이 밖에도 아래와 같은 특징들이 있다. 모든 파일의 변화를 기록한다...

개발 2023. 4. 28. 16:43

우리는 한자, 한글, 영어, 다국어 등 다양하게 문자를 사용한다. 그런데 이런 문자를 어떻게 컴퓨터는 이해하고 처리하는지 궁금하였다. 알다시피 컴퓨터 언어는 0과 1로 이루어진 무수한 숫자의 집합체이다. 이 0과 1로 글자를 표현하고자 처음에 창안된 방법이 아스키 코드라고 할 수 있다. 이 아스키 코드로는 알파벳, 아라비아 숫자, 소수의 특수 문자를 표현할 수 있다. 이 코드방식은 0과 1로 나타낼 수 있는 8자리의 범위를 갖는 표현방식이다. 그러면 그 표현해 낼 수 있는 방법은 2*2*2*2*2*2*2*2 가지가 된다고 한다. 그런데 여덟개의 자리수 중에서 한 개의 자리는 오류 검출을 위해서 사용하기에 남은 7개의 자리수로 문자를 나타낸다면 128가지의 문자를 나타낼 수 있게 된다. 한눈에 들어오는 아..

개발 2023. 4. 24. 21:15

1) CORS 오류란? **CORS (Cross-Origin Resource Sharing)**는 웹 브라우저에서 발생하는 보안 정책으로, 동일한 도메인이 아닌 다른 도메인에서 리소스에 접근하는 것을 제한하는 보안 정책 중 하나입니다. 예를 들어 프론트 개발자가 백엔드 개발자에게 API 요청을 하는 경우가 있고 웹 브라우저는 기본적으로 CORS를 적용하여, 스크립트, 스타일시트, 이미지 등의 리소스가 동일한 도메인에서만 사용 가능하도록 제한합니다. 동일한 도메인의 리소스만 적용을 받을 수 있기 때문에 다른 도메인의 대한 리소스를 사용하려면 CORS 에러가 발생하게 됩니다. ⇒오류 예시 (ptsd..) CORS 오류는 웹 애플리케이션에서 다른 도메인으로의 HTTP 요청을 할 때, 브라우저가 보안 정책에 따..

개발 2023. 4. 14. 12:32

개발을 하기에 앞서 Javascript의 동작 방식을 알아보고자 동기, 비동기 방식에 대해 글을 써보려고 한다. 우선 동기에 대해 설명을 하자면 Javascript는 한번에 한가지 일만 순차적으로 처리하는 언어이다. 실행 코드를 위에서부터 아래로 순서대로 실행해가며 하나의 작업이 끝날 때까지 또 다른 코드를 실행하지 않는다. 예를 들어, 카운터에서 음식 주문을 할 경우 음식이 나오고 받을 때까지 다른 사람은 주문을 하지 못하는 것과 비슷하다. 콘솔창에 아래과 같이 입력하고 확인해보면 순서대로 값이 찍히는 것을 볼 수 있는데 이와 같은 동작을 동기라고 부르며, 싱글 스레드 언어라고 한다. console.log("hi"); console.log("I'm Jiyoung"); ==> 실행 결과 다음으로 비동기에..

개발 2023. 4. 7. 17:28

엔티티 코드 (Entity Code) 엔티티 코드(Entity Code)란 HTML 예약어나 특수문자를 기존에 사용하던 의미 그대로 사용하기 위해 별도로 만든 문자셋이다. HTML 예약어를 그대로 사용하게 되면 웹 브라우저에서 다른 의미로 해석될 수 있기 때문에 꼭 알아두어야 한다. 엔티티 코드, 꼭 써야하나? 다음은 엔티티 코드를 사용하지 않고 HTML 예약어와 혼용하여 작성한 경우이다. p 태그를 분명히 잘 열고 닫았는데 브라우저는 앞에서부터 읽기 때문에 를 엔티티 코드로 바꿔서 작성하면 잘 되는지 확인해보자. 는 >로 바꿔서 작성하니까 오류가 바로 사라지는 것을 확인할 수 있다. 웹 페이지를 개발하다보면 HTML 태그 안에 (괄호)를 써야하는 경우가 간혹 있는데 ..

개발 2023. 3. 31. 14:45

최근 프로젝트를 하면서 JWT 를 처음 사용해봤다. 그래서 JWT 를 찾아보면서 구조, 생긴계기 등 작성을 해보려한다. JWT 가 생긴 계기를 말하려다보면 HTTP , Session Cookie 를 빼놓을수가 없다. 먼저 HTTP 이야기부터 해야한다. HTTP 란? 인터넷상에서 데이터를 주고받기 위해 서버 및 클라이언트 모델을 따르는 프로토콜이다. HTTP 는 비연결성 및 무상태성의 특징이 있다. 따라서 이전의 상태 정보 및 현재 통신의 상태가 남아있지 않습니다. 그래서 서버는 클라이언트를 식별할 수 없다는 단점이 존재한다. 이 점을 보완하기 위한 Cookie, Session 이란 기술이 생겨났다. Cookies 란? 클라이언트가 어떠한 웹사이트를 방문하고 서버에서는 클라이언트 브라우저에 설치되는 정보 ..

개발 2023. 3. 24. 20:48

코딩을 하면서 제일 처음으로 사용한 코딩툴은 Notepad++로 코딩을 대부분 손으로 입력해 가면서 하다가, Vs Code를 사용하게 되었고, 이후 회사에서 처음 webstorm을 사용하면서 여러 가지 툴을 많이, 오래 사용해 보지는 않았지만 가장 사용성이 많은 단축키들이 있는 거 같다고 생각했다. 가끔씩 구글링을 해서 단축키들을 찾아보지만 한 블로그에서 원하는 모든 단축키에 대한 정보는 얻지 못하기도 하고... 웹스톰에 공식 문저로 정리되어있지만...영문이라 바로바로 이해하고 사용하기에는 어려워서 언젠가 한 번은 정리를 해보고 싶었는데 이번기회로 웹스톰에 있는 단축키들을 한 번에 정리할 수 있게 되었다. 윈도우, 맥 유저분들 모두 단축키 검색해서 사용해 보세요😎 윈도우 맥 윈도우로고 command 또는..

개발 2023. 3. 17. 20:13