느린우체통 front-mockup(5)ul user agent style 문제상황 ul 태그를 사용해서 받은 편지 목록을 리스트로 띄워주려고 한다. 그런데, ul 태그안에 li 태그를 넣으니 위의 사진에서처럼 왼쪽에 공간이 생겼고, margin-left를 -10px 등 음수로 주어 강제로 왼쪽으로 이동시킬 수는 있었지만 저 공간이 왜 생기는건지 알 수 없었다. 원인 개발자도구 탭의 style 부분을 보니 user agent stylesheet에 ul태그 자체에 p... 느린우체통느린우체통 Invalid DOM property `for` error느린우체통error server 폴더 구조 폴더를 구분해서 작성해주는 과정에서 실수가 생겨 404 에러가 났다. 그래서 좀 더 확실히 정리하기 위해 server의 폴더와 파일 구조를 tree를 설치해 확인해보면서 정리해보려고 한다. tree client axios 요청 server: ./index.js "/mails"로 들어온 요청은 postsRouter로 보낸다. (첫번째 폴더 분기) server: router/postsRouter... 느린우체통느린우체통 CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource, TypeError: Router.use() requires a middleware function but got a Object CORS 정책 이해하기 CORS(Cross-Origin Resource Sharing)는 추가 HTTP 헤더를 사용해 한 출처에서 실행중인 웹 애플리케이션이 다른 출처의 선택한 자원에 접근할 수 있는 권한을 부여하도록 브라우저에 알려주는 체제이다. 서버의 index.js 파일을 다음과 같은 상태에서 서버요청을 보냈더니, 콘솔과 네트워크 탭에 위와같은 에러가 발생했다. 'Access-Contr... error느린우체통error
front-mockup(5)ul user agent style 문제상황 ul 태그를 사용해서 받은 편지 목록을 리스트로 띄워주려고 한다. 그런데, ul 태그안에 li 태그를 넣으니 위의 사진에서처럼 왼쪽에 공간이 생겼고, margin-left를 -10px 등 음수로 주어 강제로 왼쪽으로 이동시킬 수는 있었지만 저 공간이 왜 생기는건지 알 수 없었다. 원인 개발자도구 탭의 style 부분을 보니 user agent stylesheet에 ul태그 자체에 p... 느린우체통느린우체통 Invalid DOM property `for` error느린우체통error server 폴더 구조 폴더를 구분해서 작성해주는 과정에서 실수가 생겨 404 에러가 났다. 그래서 좀 더 확실히 정리하기 위해 server의 폴더와 파일 구조를 tree를 설치해 확인해보면서 정리해보려고 한다. tree client axios 요청 server: ./index.js "/mails"로 들어온 요청은 postsRouter로 보낸다. (첫번째 폴더 분기) server: router/postsRouter... 느린우체통느린우체통 CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource, TypeError: Router.use() requires a middleware function but got a Object CORS 정책 이해하기 CORS(Cross-Origin Resource Sharing)는 추가 HTTP 헤더를 사용해 한 출처에서 실행중인 웹 애플리케이션이 다른 출처의 선택한 자원에 접근할 수 있는 권한을 부여하도록 브라우저에 알려주는 체제이다. 서버의 index.js 파일을 다음과 같은 상태에서 서버요청을 보냈더니, 콘솔과 네트워크 탭에 위와같은 에러가 발생했다. 'Access-Contr... error느린우체통error