본문 바로가기

전체 글

 (290)
[React] Create React App 리액트 셋업 [CRA 프로젝트 생성] ls #현재 내가 위치하고 있는 곳 확인 cd 폴더이름 #리액트 프로젝트를 생성하고 싶은 폴더로 들어감 yarn create react-app week-1 #프로젝트 생성 [CRA 프로젝트 실행] cd week-1 # week-1 폴더로 이동 yarn start # 프로젝트 시작
[React] npm, yarn [npm, yarn] 공통점 1. 자바스크립트 런타임 환경인 노드의 패키지 관리자 2. 애플의 앱스토어, 구글의 플레이스토어와 같이 개발자들이 만든 유용한 패키지 프로그램을 온라인 데이터베이스에 올려놓음. https://www.npmjs.com/ 그것을 쉽게 설치 및 삭제하게 해주는 관리자. 차이점 [npm] 1. node.js 를 생성할 때 자동으로 생성 2. Node Package Manager 의 약자 3. NPM 플랫폼 그 자체 [yarn] 1. 2016년 페이스북에서 개발한 패키지 관리자 2. npm 과의 호환성이 좋음, 속도나 안정성 측면에서 npm보다 뛰어남 명령어
[React] yarn 설치 오류 및 해결방법 기존 명령어 : npm intall -g yarn 나는 기존에 npm, node.js 가 깔려있어서 예상치 못한 오류가 생겼음. -> 설치 안 됨 아래와 같이 명령어 변경 : sudo npm install -g yarn 비밀번호 입력후 yarn 설치완료 및 yarn -v 로 버전확인
[JavaScript] 5주차_클래스 상속 // 상속 (Inheritance) // Class -> 유산으로 내려주는 주요 기능 // 부모 자식 // 동물 전체에 대한 클래스 class Animal { constructor(name) { this.name = name; } //메서드 (짖다) speak() { console.log(`${this.name} says!`); } } const me = new Animal("Mia"); me.speak(); // Mia says! class Dog extends Animal { // 상속 : 부모에게서 내려받은 메서드를 재정의 할 수 있음. // 오버라이딩(overriding) speak() { console.log(`${this.name} barks!`); } } const cuttyPuppy01 =..
TIL 23.05.31 문제점 개인프로젝트 중 영화목록 로드시, 함수가 재실행되면서 페이지 새로고침 효과가 나타나는데 정확히 어떤 원리로 되는것인지 알고싶었음. 같은 조원분께서 본인도 그렇게 만들고 싶다고 여쭤봐서 내 코드를 분석하여 원인을 찾아보기로 하였다. 시도해본것 showMovieList(""); 나의 경우, 영화 리스트를 보여주는 함수를 처음에 실행하고 if (title.toLowerCase().includes(val.toLowerCase())) 이후 if문을 사용하여 해당 값이 포함된 영화제목의 영화를 보여주는 원리이며 이후 영화 검색을 할 때, function showSearchList(e) { movieList.innerHTML = ""; // 빈 여백값으로 만듬 e.preventDefault(); // 브라우저..
[JavaScript] 5주차_클래스 생성 연습 // 클래스 연습해보기 class Car { // 클래스 생성 constructor(modelName, modelYear, type, price) { this.modelName = modelName; this.modelYear = modelYear; this.type = type; this.price = price; } makeNoise() { console.log( `${this.modelName}는 ${this.modelYear}년식이며 ${this.type}타입이고 ${this.price}만원 입니다.` ); } } const car1 = new Car("쏘렌토", "2023", "디젤", "4000"); car1.makeNoise(); //쏘렌토는 2023년식이며 디젤타입이고 4000만원 입니다.
[git] local repository -> remote repository 파일에 변동사항, 수정사항, 추가작업된 내용이 있다면, git init -> git add . (파일전체) -> git commit -m "변동내용" -> git push 순서대로 추가할 수 있다.
TIL 23.05.28 문제점 영화제목 검색시, 페이지 초기화가 제대로 되지 않는 문제점이 있었다. 검색된 제목은 나오는데 기존에 있었던 영화 목록에 계속 추가되는 바람에 보기가 불편했다. 시도해본 것 // 영화 리스트 보여주기 function showMovieList(val) { movieList.innerHTML = ""; // 이하생략 } 영화 리스트 보여주는 함수 첫 부분에다 작성했었는데, 이건 val 값을 입력해볼 겨를도없이 빈 페이지가 나왔다. 영화 val 값에 따른 영화제목 검색 조건식에도 작성해 보았으나 똑같은 결과가 나왔다. 해결방안 function showSearchList(e) { movieList.innerHTML = ""; e.preventDefault(); const val = searchInput.v..

티스토리툴바