TIL(Today I Learn) (21) 썸네일형 리스트형 200518(월)_TIL 오늘 한 일 클론코딩 크롬앱 만들기 REVIEW : 기능을 작은 단위로 나누어서 스스로 구현해보는 작업 현재 위치를 기준으로 날씨 가져오기 navigator API : geolocation.getCurrentPosition () openweathermap 이용 fetch API 개념 이해 Synchronous vs. Asynchronous fetch API 요청과 응답 , fetch(); .then( ); response 객체의 개념 및 이해 , status 200, 400, 404 json ( ); 200515(금)_TIL 오늘 한 일 클론코딩 크롬앱 만들기 REVIEW : 기능을 작은 단위로 나누어서 스스로 구현해보는 작업 현재 시간 가져오기 : new Date 현재 날짜 가져오기 현재 위치 가져오기 : navigator API 활용 localStorage 개념 복습 , API 개념 이해, sevaralnterval() 개념 복습, JSON.stringify() 현재 시간 가져오기를 강의때 배운 내용을 응용하여 AM, PM 으로 구분하여 표현, 24시간 기준이 아닌 12시간 기준으로 시간 표현 구현함 코드를 하나씩 쪼개서 이해하려고 하니깐 간단한 기능이여도 시간이 정말 많이 소요되었다. 강의때는 받아적는 코딩이였는데, 지금은 왜 그렇게 썼는지 100% 이해하면서 복습하고있다. 응용해서 기능을 구현할때는 단순한 문법오류로 .. 200513(수)_TIL 오늘 한 일 클론코딩 크롬앱 만들기 - 마무리 작업 클론코딩 크롬앱 만들기 - CSS 마무리 작업 form에서 submit 이벤트 발생 시 에러 디버깅 간단한 CSS 작업이지만 강의를 보고 따라하는게 아니고 혼자 스스로 구글링해서 적용해가면서 작업하다보니, 시간이 꽤 많이 소요되었다... 그리고 한 2시간? 가까이 씨름하던 에러의 이유는 단순한.. '변수명 오타'였음을 깨달았을 때의 기분을 잊지못할 것 같다 하하하하..... console.log 활용을 잘해야겠다는 교훈을 얻고 오늘을 마무리한다. 내일부터는 스스로 작은 단위로 기능을 쪼개서 구현해보는 작은 프로젝트를 진행한 후, A to Z부터 혼자 100% 코딩해보는 시간을 가지면서 크롬앱 리뷰를 진행할 것 이다! 크롬앱만들기 완성된 소스 -> htt.. 200512(화)_TIL 오늘 한 일 클론코딩 크롬앱 만들기 - USER의 현재 위치 AIP활용하여 가져오기 좌표값 (위도, 경도)를 이용해서 localStorage 저장 navigator.geolocation.getCurrentPosition 클론코딩 크롬앱 만들기 - 위치에 따른 현재 날씨 API활용하여 가져오기 openweathermap활용 JS 활용하여 특정 URL 호출하기 - fetch, then main CSS 작업 div 박스 중앙정렬 : flex 활용 배경이미지 어두운 효과 주기 : filter.brightness(50%) input CSS 효과 : focus outline 비활성화, 배경 및 컬러 변경, placehorder 텍스트 수정 등 200511(월)_TIL 오늘 한 일 클론코딩 크롬앱 만들기 - TO-Do-List 삭제하기 HTML 상에서 삭제하기 / localStorage에서 완전히 삭제하기 event.target / filter 함수 : 배열의 모든 아이템에 함수를 실행하고 true인 값만 반환하여 새배열을 만든다. parseint : string을 number로 변환 클론코딩 크롬앱 만들기 - image background 삽입 Math.random : 랜덤으로 수 배정 Math.floor : 소수점 이하 버림 ex)2.989898 -> 2 Math.ceil :소점 이하 내림 ex)2.989898 ->3 200510(일)_TIL 오늘 한 일 클론코딩 크롬앱 만들기 -바닐라JS username을 localStorage 저장하기 to do list 구현 : .createElement(), .appendChild() to do list를 localStorage 저장하기 JSON stringify, JSON parse forEach() ; array 함수 200508(금)_TIL 오늘 한 일 클론코딩 크롬앱 만들기 : local storage 사용 200507(목)_TIL 오늘 한 일 클론코딩 크롬앱 만들기_바닐라JS : 시계표현하기/ document.querySelector( ) / setInterval () 삼항연산자 : 조건 ? a : b -> 조건이 true이면 a 실행, false이면 b 실행 (if문과 성격 비슷) 이전 1 2 3 다음
