본문 바로가기

TIL

[TIL-55] 노마드코더 유튜브 클론코딩 #2.1~#2.3 보호되어 있는 글입니다. 더보기
[TIL-53] 노마드코더 유튜브 클론코딩 #2.0~#2.0 보호되어 있는 글입니다. 더보기
[TIL-52~54] 노마드코더 "개발자를 위한 윈도우 셋업" #0~#2 #0 인트로 준비물 윈도우 10, 2004 업데이트 필요. 소프트웨어 : 크롬 & VSC & 깃 #1 셋업 VSC 커스터마이징 익스텐션 : Python, ESLint, prettier, material theme, material icon theme 파이썬은 따로 설치하고 나서 익스텐션 설치 가능. 지금 당장은 보류. 윈도우와 리눅스 윈도우에 리눅스 서브시스템(WSL) 설치하면 리눅스 콘솔 사용 가능. 윈도우에 파이썬 설치돼있지 않음. 리눅스 없이도 쉽게 프로그램 설치하는 법! WSL 사용법 배우는 게 강의 목표. chocoatey: 윈도우에 뭔가를 설치하는 게 쉽게 도와줌. 설치 : https://chocolatey.org/install 에서 설치 명령 복사 powershell을 관리자 권한으로 실행해.. 더보기
[TIL-52] 노마드코더 유튜브 클론코딩 #1.0~#1.4 #1 인트로 총 강의수: 174개 (28시간 34분) 프론트엔드: HTML5, CSS3, Pug 백엔드: NodeJS. MongoDB, Express HTML. CSS. JS를 활용한 기본적인 서비스 CRUD 빌드에 필요한 모든 것을 알려드림. 준비물 윈도우 사용자 : 개발자를 위한 윈도우 셋업 참고 NodeJS : recommended for most users 다운 LTS : long term support 에러 시 질문 에러 발생 시 스스로 고쳐봄 에러 메시지 읽어보기 강의 댓글에 질문 issues에서 검색해봄. 없으면 새로 만듦. 뭘 하려고 했고, 언제 에러가 났고, 콘솔에서 에러가 보이는지. 코드와 깃헙 url 첨부. NodeJS 브라우저 밖에서 작동하는 자바스크립트 원래 90년대의 자바스크립트.. 더보기
[TIL-51] 노마드코더 크롬앱(JS) 클론코딩 - 챌린지 최종 과제 바닐라 자바스크립트 챌린지 최종 과제 input:focus {outline} css input박스 클릭했을 때 테두리 색상 없애기& 변경하기 https://jostorys.tistory.com/m/18 이탤릭체 적용 font-style: italic; https://aboooks.tistory.com/138 [문제] 영어랑 한국어 폰트 다르게 적용하기 언어별 다른 폰트로 적용하는 방법 https://youngkeol.tistory.com/92 한글 범위 잘못된 듯. => U+AC00-D7A3 한글은 노토산스, 영문/숫자는 다른 폰트 https://feel5ny.github.io/2019/09/08/CSS_02/ 폰트를 한글과 영어,숫자 따로 적용하기 (feat. unicode-range) https://.. 더보기
[TIL-50] 노마드코더 크롬앱(JS) 클론코딩 #8.0~#8.2 (완강) 보호되어 있는 글입니다. 더보기
[TIL-49] 노마드코더 크롬앱(JS) 클론코딩 #7.6~#7.8 #7 To-do 리스트 ToDo 삭제하기 todo 지울 때 로컬스토리지도 업데이트해야 함. 로컬스토리지는 데이터베이스 아님. toDos 배열이 데이터베이스. 배열의 아이템을 지워야 함. 같은 아이템이 두 개일수도 있음. 뭘 지웠는지 구분할 수 있어야 함. [나] 삭제된 리스트 태그의 자식 번호를 구해서 해당 인덱스의 toDos 배열 아이템을 삭제하고 로컬스토리지에 업데이트 함. [참고] 배열에서 특정값 삭제하기 https://hianna.tistory.com/489 function deleteToDo(event) { const li = event.target.parentElement; li.remove(); toDos.splice(li.childElementCount, 1); console.log(li... 더보기
[TIL-48] 노마드코더 크롬앱(JS) 클론코딩 #7.3~#7.5 #7 To-do 리스트 ToDo 저장하기 배열 필요함. newTodo를 만들 때마다 toDos 배열 안에 push해서 저장함. toDos.push(newTodo); 로컬스토리지에 저장. 함수를 통해 배열의 정보를 로컬스토리지에 넣음. localStorage.setItem("todos", toDos); 그런데 배열의 형태로 저장되지 않음. 겉보기엔 배열처럼 만들어도 사실 그냥 텍스트. JSON.stringify(객체나 배열 등 js 코드) : ( ) 안을 string으로 만들어줌. toDos 배열을 JSON.stringify(toDos)로 쓰면 배열의 모양으로 저장됨. 중복된 문자 입력도 가능. 로컬스토리지에 이렇게 저장된 걸 이제 가져올 수 있으면 됨. 또 다른 문제, 페이지 새로고침하면 todo 리스트.. 더보기

티스토리툴바