wrkbrs

개요 HTTP 요청은 기본적으로 Cross-Site HTTP Requests가 가능합니다. 다시 말하면, 태그로 다른 도메인의 이미지 파일을 가져오거나, 태그로 다른 도메인의 CSS를 가져오거나, 로 둘러싸여 있는 스크립트에서 생성된 Cross-Site HTTP Requests는 Same Origin Policy를 적용 받기 때문에 Cross-Site HTTP Requests가 불가능합니다. 즉, 프로토콜, 호스트명, 포트가 같아야만 요청이 가능합니다. AJAX가 널리 사용되면서 로 둘러싸여 있는 스크립트에서 생성되는 XMLHttpRequest에 대해서도 Cross-Site HTTP Requests가 가능해야 한다는 요구가 늘어나자 W3C에서 CORS라는 이름의 권고안이 나오게 되었습니다. CORS 요청..

express를 사용하면 보통 아래와 같이 시작을 한다. const express = require('express'); const bodyParser = require('body-parser'); const app = express(); app.use(bodyParser.json()); app.use(bodyParser.urlencoded({extended: true}); ... 보통 body-parser를 설명할때 'request.body에 있는 데이터에 접근하기 위해 사용한다' 라고 간략히 설명을 한다. 그럼 아래와 같은 질문을 할수있다. 1. 그럼 bodyParser.json()은 정확히 뭘 하는거고, 2. bodyParser.urlencoded()는 뭘하는거고, 3. extended: false..

https://redux-advanced.vlpt.us/

https://github.com/reactkr/learn-react-in-korean

안녕하세요, 프로독학러 입니다. 이번 포스팅에서는 자바스크립트에서 비동기적 처리를 진행하는 과정, 방식에 대해서 제가 이해한 부분을 이야기 해 볼까 합니다. * Phlilp Roberts의 What the heck is the event loop anyway? 영상을 참고 했습니다. Phlilp Roberts : What the heck is the event loop anyway? | JSConf EU 2014 https://www.youtube.com/watch?v=8aGhZQkoFbQ 자바스크립트는 내부적으로 stack, webapis, task queue, event loop 를 가지고 있습니다. stack 은 코드를 실행하는 작업장으로, 해당 작업은 스코프 단위로 수행합니다. wepapis 는 ..

들어가기 전에 이 포스팅은 자바스크립트 개발자라면 알아야 할 33가지 개념을 번역한 것입니다. (https://github.com/leonardomso/33-js-concepts, https://medium.com/@gaurav.pandvia/understanding-javascript-function-executions-tasks-event-loop-call-stack-more-part-1-5683dea1f5ec) 오역이나 의역이 있을 수 있습니다. 지적해주시면 확인 후 바로 정정하겠습니다. original source of this posting is from https://medium.com/@gaurav.pandvia/understanding-javascript-function-executions..

이번 포스트는React Router 에 대해 공부를 하던 도중, 서버사이드 렌더링, 클라이언트 사이트 렌더링, SPA에 대한 공부가 필요하다고 생각하여 쓰는 포스팅입니다. 렌더링 - 어떠한 웹 페이지 접속시, 그 페이지를 화면에 그려주는 것. 전통적인 방식에서의 웹페이지 구동 방식 요청시마다 새로고침이 일어나며 서버에 새로운 페이지에 대한 요청을 하는 방식입니다. 마치 필요한 물건이 있을때마다 사러 가는것과 비슷합니다. 이때 , View가 어떻게 보여질지 또한 서버에서 해석하여 보내주는데, 이러한 방식을 서버사이드렌더링 방식이라고 합니다. -> 서버 측에서 HTML&View을 생성하여 응답하는 방법 하지만 기술의 발전으로 웹에서 제공되는 정보량이 많아지고, 여러 문제점이 발견되면서 전통적인 방식의 웹페이..

자바 스크립트 파일 저장 (8) 그래 ./ 현재있는 디렉토리를 의미합니다. https://code-examples.net 나는 알고있다. ../ 길은 올라간다. 그러나 의미는 정확히 / 의미한다? 나는 최근에 튜토리얼을 훑어 보았고 같은 위치에있는 파일을 가리키는 것처럼 보였으므로 전혀 필요하지 않습니까? 그게 전부라면 그걸 사용해서는 안 될까요? 다음 목록을 빠른 참조로 사용할 수 있습니다. / = Root directory . = This location .. = Up a directory ./ = Current directory ../ = Parent of current directory ../../ = Two directories backwards 유용한 문서 : https://css-tricks..

(안내) 호이스팅의 원리에 대한 글을 추가로 포스팅했습니다. (19.10.13) 자바스크립트의 변수는 다른 언어들과 조금 다르게 동작합니다. 이는 때때로 개발자로 하여금 의도하지 않은 결과를 발생시키기도 합니다. es2015 이후로 let이나 const를 사용하여 예방할 수 있지만 Closure같은 문법들의 효용성을 이해하기 위해서 고전 자바스크립트가 가졌던 특징을 다지고 가는것이 좋겠습니다. var 변수의 의도치 않은 현상 잠시 아래 코드를 보겠습니다. if(true){ var name = 'yuddomack'; } console.log(name); for(var i=0; i

과거의 특정 커밋에 포함된 내용을 수정해야할 때가 있다. git rebase를 사용하면 가능하기는 한데, 수정 후 remote에 올릴 때 결국 git push --force(또는 조금이라도 안전하게 하려면 git push --force-with-lease)를 써서 기존의 내용을 덮어써야 하므로, 기존의 내용을 공유하고 있던 공동 작업자가 있는 환경에서는 뒷처리가 복잡하다. 따라서 가급적 과거의 이력을 바꾸기보다 그냥 현재 상태에 수정 사항을 적용하는 것이 바람직하지만, 그래도 꼭 해야겠다면 뭐.. 해야지. 큰 흐름 작업의 큰 흐름은 다음과 같다. 수정하려는 커밋의 바로 이전 커밋을 base로 다시(re) 설정, 즉 rebase 한다. 내용을 수정하고 git add, commit --amend로 커밋도 수..