본문 바로가기
728x90
반응형

자바스크립트29

[JavaScript/자바스크립트] 모듈, pakage.json, pakage-lock.json pakage.json, pakage-lock.json 파일들.. 모듈..많이 보고 들었지만 누군가 그게 뭐야? 라고 물었을 때 설명을 잘 할 수 없을 것 같았는데 이번 강의를 들으면서 뿌옇던 것이 조금 정리된 느낌이 든다. 패키지.json 파일 역시 버전 정보가 들어있다는 것은 알고 있었지만 두 파일의 명확한 차이가 무엇인지 잘 몰랐는데 이번에 강의를 들으면서 명확하게 알 수 있었다. 역시 개발 공부는 끝이 없고 알아야 할 것이 정말 많구나 또 한번 느낀다. 오늘도 바보벌레는 열심히..  모듈이란? 하나의 파일에 많은 코드를 작성하게 되면 각 코드들의 의미를 빠르게 파악하기 어렵고, 수정이 필요한 부분을 찾기가 어렵다. 그래서 많은 코드가 필요한 프로그램을 기능별로 여러 개의 파일로 분리해서 관리하는 것.. 2024. 5. 18.
[React+JS/리액트] 웹 스터디 3주차 자식이 부모의 state 를 가져다 쓰고 싶을 때:  props function App (){ let [글제목, 글제목변경] = useState(['남자코트 추천', '강남 우동맛집', '파이썬독학']); return ( )}function Modal(){ return ( { 글제목[0] } 날짜 상세내용 )} 위의 코드를 실행시키면 '글제목' 이라는 변수가 define 되지 않았다는 에러 발생-> 글제목이라는 state 변수는 function App() 에 있지 function Modal() 에 없기 때문  props 를 사용해서 state 전달하기 1. 자식 컴포넌트를 사용하는 곳에 가서 (tip: '작명' 은 보통 state.. 2024. 5. 8.
JS 배열 Array 배열 (Array) 이란? JavaScript 에서 배열은 크기 조정이 가능하고, 다양한 데이터 형식을 혼합하여 저장할 수 있는 array 객체 let arr = ['Apple', 1, 3.14, true, function sayHI() {console.log('HI')}]; 배열에 항목 추가/삭제하기 let arr = ['apple', 'banana', 'lemon', 'orange']; shift() : 배열의 첫 요소 삭제 arr.shift(); console.log(arr); // ['banana', 'lemon', 'orange'] pop() : 배열의 마지막 요소 삭제 arr.pop(); console.log(arr); // ['apple', 'banana', 'lemon'] unshift(v.. 2024. 1. 5.
JS Date 객체 Date 객체란? JavaScript 의 Date 객체는 1970년 1월 1일 UTC(협정 세계시) 자정과의 시간 차이를 밀리초로 나타내는 정수 값을 담음 Date 객체 만들기 new Date(milliseconds) // 1970년 1월 1일 00:00:00 UTC + 1000ms -> 기준이 되는 시간 + 1s let date = new Date(1000); console.log(date); // 1970-01-01T00:00:01.000Z // 1970년 1월 1일 00:00:00 UTC + 1000ms -> 기준이 되는 시간 + 0.5s let date = new Date(500); console.log(date); // 1970-01-01T00:00:01.500Z new Date(dataStri.. 2024. 1. 5.
728x90
반응형

티스토리툴바