기타 (30) 썸네일형 리스트형 js / css 파일 수정 후 수정 내역이 반영되지 않을 때 type = "module" 파일이 로컬 상태에서 안돼서 서버로 실행시켰는데,이번엔 js파일이 수정을해도 적용이 되지 않는다... 브라우저가 캐시를 사용하기 때문에 브라우저의 캐쉬에 적재된 js나 css파일 내용으로 처리가 되기 때문이란다!! 새로 변경된 파일임을 브러우저가 인식을 하지 못해서 생기는 문제.... 해결방법은 파일 뒤에 ?ver=[아무숫자] 를 붙여 넣어주면 해결!버전 정보를 파일 명 뒤에 추가함으로써 브라우저가 기존 URL과는 다른 URL임을 인식하게 되어 캐쉬에 있는 파일을 사용하지 않도록 해준다!! [ERROR] 로컬환경에서의 CORS policy canvas로 이것저것 만들어보려고 로컬 환경에서 실행시켰는데 계속 안되길래,,,,, CORS 에러 라고 한다 CORS는 cross-origin resource sharing으로, 동일한 출처에서만 리소스를 공유함을 의미한다고 한다.동일한 출처( origin )여야 공유할 수 있다는건데, 오류를 보면 origin이 null 값이라구..! 정말 app.js의 origin이 null로 되어있다.!!...! 그 이유는 script의 type 속성을 module로 설정해 둬서 그런 것인데, type을 module로 설정한 script 태그에서는 html 파일을 로컬에서 로드했을 때 자바스크립트 모듈 보안 요구사항으로 인해 CORS오류를 발생시킨다고 한다..!! 해결방법은 이 파일을 서버를 통해 실행시키면 COR.. [GitHub] Github page로 웹 호스팅 Github Page란 github저장소의 내용을 웹페이지로 호스팅 해주는 서비스 라고 한다. github로 호스팅을 해주려면 username.github.io 로 계정당 하나만 할 수있지만, github page를 이용하면여러 프로젝트들을 호스팅 해줄 수 있다고..! 1. 먼저 호스팅할 레포지토리에 들어가 setting으로 이동한다.2. pages에서 None -> main 으로 변경 후 save 하기!3. 그럼 호스팅이 완료되어 위쪽에 링크가 뜬다..! Actions에 들어가서도 확인할 수 있다! [GitHub] Repository 이름 변경하기 github.io 블로그를 하나 더 만들려고 했는데 username.github.io로 안해줘서....ㅎ 게다가 이미 블로그가 존재하면 더 만들수 없다구..! 물론 만들수있는 다른 방법이 있다고는 했다! 그래서 repository 이름을 변경해주려고한다ㅎ 1. 먼저 변경하려는 Repository의 Settings에 들어간다. 2. 원하는 이름으로 변경 후 Rename 클릭 3. 변경된 링크를 복사해서 새로운 Remote 주소로 재설정 해준다 git remote set-url origin [ 주소 복붙해주기! ] git remote -v 를 통해 주소가 제대로 적용되었는지 확인..! weather api를 이용해 날씨 데이터 가져오기(수정중) https://openweathermap.org/ Сurrent weather and forecast - OpenWeatherMap Access current weather data for any location on Earth including over 200,000 cities! The data is frequently updated based on the global and local weather models, satellites, radars and a vast network of weather stations. how to obtain APIs (subscriptions w openweathermap.org 위 사이트에 들어가서 회원가입 후 api를 받아온다. fetch(url) 은 url로 .. [ 수정중 ]Vuex란?! vuex란?vue.js 애플리케이션에 대한 상태 관리 패턴 + 라이브러리 이다.애플리케이션의 모든 컴포넌트에 대한 중앙 집중식 저장소 역할을 하며 예측 가능한 방식으로 상태를 변경할 수 있다.Vue의 구조?!State : 컴포넌트 간에 공유하는 데이터 data()View : 데이터를 표시하는 화면 templeateAction : 사용자의 입력에 따라 데이터를 변경하는 methodsView(template)에서 버튼을 클릭했을 때, 클릭이라는 Action(Method)이 발생한다.Action이 동작을 통해서 State(data)를 변경한다. Vuex의 구조뷰 컴포넌트 → 비동기 로직 → 동기 로직 → 상태 시작은 Vue Components컴포넌트에서 비동기로직(method를 선언해서 API를 콜하는 부분.. HTTP VS HTTPS HTTP - Hyper Text Transfer Protocol 서버/클라이언트 모델에 따라 데이터를 주고 받기 위한 프로토콜이다. HTTP는 인터넷에서 하이퍼 텍스트를 교환하기 위한 통신 규약으로 80번 포트를 사용하고 있다. HTTP 서버가 80번 포트에서 요청을 기다리고 있으며 클라이언트는 80번 포트로 요청을 보낸다. 하지만 HTTP는 암호화가 되지 않은 평문 데이터를 전송하는 프로토콜이기 때문에 HTTP로 비밀번호나 주민등록번호등을 주고 받으면 제 3자가 정보를 조회할 수 있다. 이런 문제를 해결하기 위해 등장한 것이 HTTPS!! HTTPS - Hyper Text Transfer Protocol Secure HTTP에 데이터 암호화가 추가된 프로토콜이다. HTTPS는 HTTP와 다르게 443번.. 스레드 프로세스(Process) 프로세스란 단순히 실행 중인 프로그램이라고 할 수 있다. 즉, 사용자가 작성한 프로그램이 운영체제에 의해 메모리 공간을 할당 받아 실행 중인 것을 말한다. 프로세스는 프로그램에 사용되는 데이터, 메모리등의 자원, 스레드로 구성된다. 스레드(thread) 스레드란 프로세스내에서 실제로 작업을 수행하는 주체를 의미한다. 모든 프로세스에는 한 개 이상의 스레드가 존재하여 작업을 수행하는데, 두 개 이상의 스레드를 가지는 프로세스를 멀티스레드 프로세스(multi-threaded process)라고 한다. Javascript 와 스레드(Thread) 자바스크립트의 메인 쓰레드인 이벤트 루프가 싱글 쓰레드이기 때문에 자바스크립트를 싱글 쓰레드 언어라고 부른다.하지만 이벤트 루프만 독립적으로.. 이전 1 2 3 4 다음
