본문 바로가기

분류 전체보기400

[SSL] Secure Socket Layer / 스프링 프로젝트를 실행했는데 'localhost에서 연결을 거부했습니다' localhost 뒤질래? / 오류 해결법 스프링 프로젝트 예제를 따라가는 것도 벅차 죽겠는데 스프링 프로젝트를 노트북에서 실행하려고 하니 갑자기 맞딱드린 화면 진짜 미쳐 도라방구 코드 마일리지 전에 스트레스 마일리지 적립 쌓여 세계일주 하겄어 어쩌겠어 수단과 방법을 가리지 않고 해결해야지 이번 오류는 구글링을 해도 (구글링 중에 아직 내 실력으로 이해가 안되는 해결법들도 있어서 다보진 못햇겠지) 며칠을 해결할 수가 없어서, 수업을 같이 듣는 능력자 분께 도움을 요청했다😥 역시 능력자는 달라 ㅠㅠ (나도 나중에 꼭 주변 사람들이 물어볼 때 도움을 주는 사람이 될꾸야 ㅠㅠ) 저 오류를 보시더니, 이것저것 나의 환경 설정을 확인해주셨고 놀랍게도 아무리 해도 안되던 오류가 해결이 되었다. 진짜 크롬창에서 나의 프로젝트 메인화면이 보일때의 그 짜릿함이란.. 2022. 8. 14.
[JavaScript] font-awesome 홈페이지를 이용하여 아이콘 입히기 1. 아래 사이트 접속 https://cdnjs.com/libraries/font-awesome font-awesome - Libraries - cdnjs - The #1 free and open source CDN built to make life easier for developers The iconic SVG, font, and CSS toolkit - Simple. Fast. Reliable. Content delivery at its finest. cdnjs is a free and open-source CDN service trusted by over 12.5% of all websites, serving over 200 billion requests each month, powered by .. 2022. 8. 13.
[Ajax] 템플릿을 사용하여 복잡한 코드를 가시화 시키기 const container = document.getElementById('root'); const ajax = new XMLHttpRequest(); const content = document.createElement('div'); const NEWS_URL = 'https://api.hnpwa.com/v0/news/1.json'; const CONTENT_URL = 'https://api.hnpwa.com/v0/item/@id.json'; const store = { currentPage: 1, }; function getData(url) { ajax.open('GET', url, false); ajax.send(); return JSON.parse(ajax.response); } function.. 2022. 8. 12.
[Ajax] ajax.open,send,JSON.parse 3개 코드를 중복해서 쓰지 않고 한번에 함수로 묶어보기 /* 코드를 하나로 묶는 역할로 중요한 것이 함수 네트웍을 호출하고->데이터를 가져오고->JSON.parse(객체변환) 3개의 코드를 함수로 묶기 */ const container = document.getElementById('root'); const ajax = new XMLHttpRequest(); const content = document.createElement('div'); const NEWS_URL = 'http://api.hnpwa.com/v0/news/1.json'; const CONTENT_URL='http://api.hnpwa.com/v0/item/@id.json'; // 3개 코드를 묶는 함수를 만들건데, 함수 이름은 그 함수가 하는 역할을 잘 나타내주는 이름으로 하기 'getDa.. 2022. 8. 11.
[Ajax] 클릭 이벤트 발생 시 제목을 불러와줘~! (Java Script) const container = document.getElementById('root'); const ajax = new XMLHttpRequest(); const content = document.createElement('div'); const NEWS_URL = 'http://api.hnpwa.com/v0/news/1.json'; const CONTENT_URL='http://api.hnpwa.com/v0/item/@id.json'; //클릭했을때 가져올 url ajax.open('GET',NEWS_URL,false); //ajax.open('GET','http://api.hnpwa.com/v0/news/1.json',false); 의 xml을 위에 NEWS_URL로 넣었다. ajax.send();.. 2022. 8. 10.
[Ajax] 서버 외의 외부에서 데이터 가져오기(java script) * 외부사이트의 데이터를 가져오기 : document.getElementbyId처럼 서버 너머의 데이터를 가져오는 도구가 바로 ajax ! new XMLHttpRequest(); ajax : 서버 너머의 데이터를 가져오는 도구. 출력 결과를 돌려준다. 이 결과를 저장할 저장소가 필요한데 let ajax = new XMLHttpRequest(); new XMLHtllpRequest(); 데이터가 저장될 저장소를 만들어 준 것 const ajax = new XMLHttpRequest(); +) 틈새 복습 let은 후에 다른 값을 넣을 수 있지만(=변수), const는 후에 데이터를 만들 수 없다(=상수) ajax.open('GET',' 가져오고자 하는 url주소 ',false); 저 url에서 가져오는 데이.. 2022. 8. 9.