Notice
Recent Posts
Link
«   2024/12   »
일 월 화 수 목 금 토
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31
Tags more
Archives
관리 메뉴

목록💡깨달음💡 (75)

공부기록용

export / import

🔴모듈 내보내고 가져오기(export / import) 🔴default export / named export export 선언부 앞에 export 붙여준다. 변수나 함수, 클래스를 선언할 때 맨 앞에 export를 붙이면 내보내기가 가능하다. // 배열 내보내기 export let months = ['Jan', 'Feb', 'Mar','Apr', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; // 상수 내보내기 export const MODULES_BECAME_STANDARD_YEAR = 2015; // 클래스 내보내기(끝에 ;_세미콜론을 붙이지 않음) export class User { constructor(name) { this.name = name; } } // 함수 내보내기(끝..
💡깨달음💡/React 2023. 11. 16. 17:10
loalStorage사용하기

LocalStorage localStorage(로컬스토리지)는 사용자의 로컬에 존재하는 저장소이다. 우리는 이 저장소에 특정 데이터를 저장하거나 수정하거나 삭제할 수 있다. 유사한 것으로는 session storage가 있는데, session storage와 달리 localStorage는 유효기간이 존재하지 않는다. setItem(): key, value 추가 getItem(): value 읽어 오기 removeItem(): item 삭제 clear(): 도메인 내의 localStorage 값 삭제 length: 전체 item 갯수 key(): index로 key값 찾기 setItem() window.localStorage.setItem('key', 'value') ✔️ stirng타입의 데이터를 저장하..
💡깨달음💡/Javascript 2023. 10. 29. 16:54
동기와 비동기의 차이

동기(Synchronous)와 비동기(Asynchronous) 동기는 '직렬적'으로 작동하는 방식이고 비동기는 '병렬적'으로 작동하는 방식이다. (즉, 비동기란 특정 코드가 끝날때 까지 코드의 실행을 멈추지 않고 다음 코드를 먼저 실행하는 것을 의미한다.) 왼쪽 차트는 '비동기'로 작동하는 방식이다. 한번에 여러 태스크가 동시에 병렬적으로 실행된다. 반면, 오른쪽 차트는 '동기'적으로 작동하는 방식이다. 하나의 태스크가 끝날 때 까지 기다렸다가 다음 태스크가 실행된다. 총 실행 시간으로 따지자면 '동기' 방식이 더 느리다. 동기적예시 console.log(1) console.log(2) console.log(3)​ 비동기적예시 console.log(1); setTimeout(function () { co..
💡깨달음💡/Javascript 2023. 10. 5. 19:53
document객체정리(많이 사용하는거 위주)

Document 객체는 HTML 요소와 관련된 작업을 도와주는 다양한 메소드를 제공한다.HTML 요소의 선택: 새로운 HTML 요소를 선택하기 위해 제공되는 메서드HTML 요소의 생성: HTML 요소를 생성하기 위해 제공되는 메서드HTML 이벤트 핸들러 추가: HTML 요소에 이벤드 핸들러를 추가하기 위해 제공되는 속성HTML 객체의 선택HTML 요소의 선택document.getElementsByTagName('태그이름')해당 태그 이름의 요소를 모두 선택함. 지정된 TagName(태그명)의 모든 요소 포함한 NodeList 반환(인덱스 번호 필요)document.getElementById('아이디')해당 아이디의 요소를 선택함.document.getElementsByClassName('클래스이름')해당..
💡깨달음💡/Javascript 2023. 9. 21. 19:08
git clone과 remote, pull

연결하기 $ git remote add origin 복사한 원격저장소URL Git 원격 저장소 연결하기_clone git에 만들어져있는 repository를 처음의 상태로 가져오는 것 $ git clone 연결하고자하는 저장소 클라이언트 상에 아무것도 없을 때 서버의 프로젝트를 내려받는 명령어이다. 저장소의 내용을 다운로드받고 자동으로 init도 됩니다. 📌저장소를 통째로 가져온다고 생각, 협업시 맨 처음 받아 올 때만 진행하면 됨 Git 원격 저장소 연결하기_remote 작업하고 있는 환경을 git에 있는 repository에 연결하는 것 $ git remote add origin [깃저장소 주소} # origin이라는 이름으로 원격 저장소 주소를 등록합니다. # 이제부터 origin이라는 이름을 사용..
💡깨달음💡/GIT 2023. 9. 8. 18:23
CSS(미디어쿼리)

미디어쿼리 웹 페이지 또는 앱의 디자인을 다양한 장치의 크기나 속성에 맞게 조정할 수 있도록 해준다. 주로 반응형 웹 디자인에서 사용된다. max(최대값): 이하를 의미, 보다 같거나 작은 경우를 지원한다. min(최소값): 이상를 의미, 보다 같거나 클때 경우를 지원한다. 📌 only 키워드는 오래된 브라우저에서 미디어 유형만 지원하고 미디어 특성을 지원하지 않는 경우를 방지하기 위해 사용된다. and 연산자를 사용하면 여러 조건을 조합할 수 있다. CSS 파일 자체를 미디어 쿼리를 기반으로 분기하고 싶은 경우, HTML에서 태그에 미디어 속성을 사용할 수 있다. 미디어쿼리 사용 시 주의사항💫 @media 쿼리의 사용시 meta태그에 viewport라는 속성을 지정해주어야 한다. 웹 페이지가 모바일 기..
💡깨달음💡/CSS 2023. 9. 6. 22:04
이전 Prev 1 ··· 4 5 6 7 8 9 10 ··· 13 Next 다음