목록프로젝트/웹 (6)
minzzl
안녕하세요.. 프로젝트 진행 중에 황당하게 피그마에서 오류가 나서 .. 이렇게 글로 정리해봅니다.. 피그마가 업데이트 되고나서 발생하는 오류인듯합니다. 너의 크롬에 WebGL이 현재 지원되지 않아서 파일을 열수 없다고 하는데요.. 그리고 친절하게 article을 읽어보라고 합니다 .. 근데 왠걸 ㅋㅋ 저기 article에서는 chrome://flags/ 에 들어가서 WebGL 관련 flag를 다 키면 제대로 작동될거라고 하지만. 저는 여전히 똑같은 오류가 나왔습니다 ^^ 해결방법은 간단했습니다. setting에 들어가서 hardware라고 검색한 후에 Use hardware acceleration when available 을 켜주시고, relaunch 해주시면 정상 작동됩니다 ~!
개발을 하다보면 REST와 REST API라는 표현을 자연스럽게 접하게됩니다. 또한 다음과 같은 설명으로 많이 접했을 것입니다. REST API 1. URI를 통해 자원을 지정 2. HTTP 메서드 : 자원에 대한 행위 표현 HTTP 메서드를 통해 해당 자원에 대해 어떠한 행동을 할 것인지를 명시하는 API인데, 예를 들어 사용자라는 자원에 대해 CRUD 작업을 하고 싶다면, /user와 같은 URI로 사용자라는 자원을 지정하고 POST,GET,PUT,DELETE를 통해 사용자에 대한 생성, 조회, 수정, 삭제 작업을 처리하는 것을 말합니다. CREATE POST /user READ GET /user/1 UPDATE PUT /user/1 DELETE DELETE /user/1 그러나 REST라는 개념을 ..
다음과 같은 오류를 만나본적이 있나요? CORS를 알기전에 SOP라는 개념을 짚고 넘어가는 것이 좋습니다. SOP(Same Origin Policy) - 다른 출처의 리소스를 사용하는 것에 제한하는 보안 방식 출처란 무엇일까요? 아래의 그림에 잘 나와있습니다만, URL의 Protocol, Host, Port를 통해 같은 출처인지 다른 출처인지 판단할 수 있습니다. 즉 Protocol, Host, Port가 모두 같아야만 같은 출처라고 할 수 있는데요, 그렇다면 http://localhost 와 동일 출처인 URL은 다음 중 무엇일까요? 1. https://localhost 2.http://localhost:80 3.http://127.0.0.1 4.http://localhost/api/cors 정답은 2..
지금까지 클라우드 서버에 프로젝트를 배포 할 때 NginX를 사용해보적이 있으실 겁니다. Nginx는 웹서버인데요, 우선 서버란 어플리케이션을 구동하는 하드웨어로서 서버는 컴퓨터라고 일컬을 수 있습니다. 그러나 소프웨어로서 웹 서버는 사용자들이 어플리케이션에 접속하는 방법을 제어합니다. 쉽게 말하면 Web Server란 단순히 정적 파일 응답하는 소프트웨어라고 볼 수 있습니다. 우리의 경우 어플리케이션은 HTML 파일인데요, HTML 구조와 어떤 종류의 스타일이 적용되는지에 대한 모든 정보를 담고있습니다. 그래서 웹 서버는 HTTP 요청을 통해 사용자가 어플리케이션에 엑세스하는 방법을 제어합니다. 웹 사이트에 엑세스 한다는 것은 서버에 요청하는 것을 의미하고 Nginx는 한번에 10,000개 이상의 요청..
웹 개발을 하다보면 자주 접하는 쿠키와 웹스토리지. 오늘은 브라우저 저장소에 대해서 알아보겠습니다. 서버와 클라이언트가 서로 소통할 때는 HTTP 를 통해 통신합니다. HTTP는 먼저 클라이언트가 서버에서 request를 보내고 서버는 클라이언트에게 request에 대한 response를 보내고 접속을 종료합니다. 그리고 통신이 끝나면 상태, 예를 들면 인증에 쓰이는 상태 정보를 유지하지 않는다는 특징이 있습니다. 이런 특징으로 계속해서 통신 연결을 하지 않기 때문에 자원의 낭비가 줄어든다는 것은 장점이지만 통신을 할 때 마다 새로운 연결을 해줘야해서 클라이언트는 그 때마다 인증을 해주어야한다는 단점이 있습니다. 예를 들면 웹 사이트에서 로그인을 해도 페이지를 이동 할 때마다 로그인을 계속적으로 해주어야..
우선 브라우저라는 단어는 익히 들어왔을 것입니다. 우리는 인터넷 검색을 할 때 주로 네이버나 다음과 같은 사이트에 접속하여 필요한 정보를 검색을 합니다. 웹 개발자의 경우 html, xss, JS로 코드를 작성하여 웹페이지를 만드는 일을 하기도 합니다. 이 때 사이트에 접속할 수 있는 도구이자 코드를 가지고 웹페이지를 그려주는 소프트웨어를 '브라우저' 혹은 '웹 브라우저' 라고 부르는데요, 대표적인 웹 브라우저에는 Chrome, Safari, Whale 등이 있습니다. 하나의 웹페이지를 구성하고 보여주기 위해서는 브라우저는 여러가지 일들을 처리해야합니다. 브라우저는 어떻게 동작하나요? 그렇다면 이 글을 통해 우리가 흔히 사용해왔던 웹 브라우저가 어떻게 동작하는지 설명해보겠습니다. 브라우저 - 월드 와이드..