본문 바로가기

분류 전체보기

(12)
CORS (Cross-Origin Resource Sharing) 1. CORS?Cross-Origin Resource Sharing을 번역하면 '교차 출처 리소스 공유' 출처(Origin)를 공유(Sharing)한다 = 프로토콜·도메인(호스트 이름)·포트 를 공유한다 (단순히 도메인만 공유하는게 아님) 프로토콜, 도메인, 포트 중 하나만 달라도 CORS 에러 발생!CORS를 설정한다는건 출처가 달라도 해당 서비스 간의 리소스를 공유한다는 것임  2. Access-Control-Allow-Origin 세팅하기서버에서는 Access-Control-Allow-Origin 헤더를 설정할 수 있는데, 이걸 명시하면 해당 출처의 요청을 수락함 예를 들면,' Access-Control-Allow-Origin' : | *==> 모든 출처를 허용함 (보안에 취약)'  Access-..
좋은 코드란 무엇일까 + 요즘 생각.. 혼자 적어보는 고찰... (생각 정리용)  🙂지금까지 내가 알고 있는 좋은 코드란.. (수준 낮습니다^^) 개발자의 입장에서 좋은 코드는1. 직관적인 코드 >> 코드를 보고 쉽게 이해할 수 있고, 다른 개발자들이 보았을 때 이해 가능 + 수정도 수월하게 가능해야 하고,     일단 복잡해보이는 코드는 거부감이 들기 때문에 직관적으로 쭈욱- 읽을 수 있는? 그런 코드가 좋다고 생각. 2. 메모리량을 줄일 수 있는 짧은 코드>> 불필요하게 메모리를 사용하는 코드는 No.....     회사에서 코드를 쓸 때 신경써야 하는 포인트 중 하나라고 들었다. 3. 수정이 용이한 코드>> 파일과 폴더들을 잘 나누어서 작성된 코드    특히, 리액트 프레임워크를 사용하여 프론트엔드 코드를 쓸 때에는 폴더 파일 구분을 ..
[Html5/CSS3] 웹 홈페이지 상단 네비바(header) 만들기 네비바는 카테고리 글자에 마우스 호버 시 font-weight를 더 두껍게 주었고,네비바로 들어갈 수 있는 페이지는로고(해당 메인화면), 홈 (해당 메인화면), 지역, 테마, 축제, 랜덤 Pick!, 프로필 아이콘으로다른 페이지로 넘어가는 html은 5개이다. (로고와 홈은 다시 돌아가기 위해 만들었음)  학원 과제로 만들었는데React가 아닌 html과 css, javascript로만 개발해야 하는 거라 모든 파일에 상단 네비 헤더와 하단 푸터를 복붙해야했고..그래서 처음 틀을 잡을 때 제대로 잡아서 수정사항을 절대!! 만들지 않아야 겠다고 다짐하고 시작했다.다행히 네비바라서(?) 링크 수정 말고 css는 한번에 만들었다..ㅎ   - Html 이런 구조로 갔다.네비바는 ul 태그 안 li로 나열해서 만..