전체 글37 [Git] ! [rejected] master -> master (fetch first) / git push 에러 파일 작성을 마치고 push를 해주다가 위와 같은 에러가 발생하였다. 원인 기존데이터가 손실 될 수 있어 push를 막은 것이다. 해결방법 git push origin +master 2023. 12. 21. [후기] 나도 할 수 있어!! 코딩자율학습단 5기 with. 길벗 IT 도서 코딩자율학습단 길벗 IT 입문서적 스스로 하는 프로그래밍 공부 '코딩자율학습' 시리즈로 한 달 동안 책 1권 완독을 도와주는 프로그램 저는 HTML + CSS + 자바스크립트를 선택해 학습하였지만, 이외에도 파이썬 C언어 스프링부트 현재는 4개의 분야로 나누어져있답니다 😊 학습 전에 도서를 준비하고 구매인증하면 준비 완료!! 물론 제공해주시는 커리큘럼도 있지만, 학습일이 시작되면 월요일에서 금요일까지 매일 오전 10시경에 이렇게 학습 안내 카톡을 보내주시는데요, 영상을 따로 찾을 필요가 없어 편리했어요!! 학습 이외에 미션은 잊어버릴때가 많은데요, 이 부분에 대해서도 안내해 주셔서 도움이 많이 되었어요 👍 학습단이 끝날 때까지 4회 이상만 카페에 인증을 남기면 되는데요, 저는 월 - 금요일 매일 인증을 .. 2023. 12. 16. Array 객체의 파괴적 메서드 VS 비파괴적 메서드 Array 객체 배열을 다루는 객체 파괴적 메서드와 비파괴적 메서드로 구분 파괴적 메서드 메서드를 사용했을 때, 원본 데이터를 변경하는(손상 시키는) 메서드 비파괴적 메서드 메서드를 사용했을 때, 원본 데이터를 변경하지 않는(손상 시키지 않는) 메서드 파괴적 메서드, 비파괴적 메서드 👀 한 눈에 구분하기 파괴적 메서드 비파괴적 메서드 push() forEach() pop() filter() unshift() find() shift() findIndex() sort() includes() reverse() join() 🚨 더 많은 메서드들이 많다 🚨 // 파괴적 메서드 const arr = ['a', 'b', 'c']; arr.pop(); console.log(arr); // [ 'a', 'b' ] // .. 2023. 12. 11. 객체 속성 다루기 # 접근방법, 객체 속성 추가, 삭제, 객체의 특성 : 얕은 복사 객체 키와 값으로 구성된 속성의 집합 const person= {}; // 빈객체 const person= { 키 : 값으로 구성된 속성 나열 }; 객체 각각의 속성에 접근하는 방법 1. 마침표 연산자 접근 방법 객체가담긴변수이름.키 const person = { name: 'ellie', age: 20, isAdult: true, "phone number" : "010-1234-5678", }; console.log(person.name); // ellie 2. 대괄호 연산자 접근 방법 객체가담긴변수이름['키'] const person = { name: 'ellie', age: 20, isAdult: true, "phone number" : "010-1234-5678", }; console.log(pe.. 2023. 12. 8. 즉시 실행 함수 사용하기 즉시 실행 함수 함수를 정의하면서 동시에 실행까지 하는 함수 ⭐️ 한 번 실행되고 나면 메모리에 데이터가 남지 않음 (function(){})(); 일반적으로 함수를 선언하면 전역 스코프에 정의되어, 프로그램이 종료되기까지 메모리에서 사라지지 않는다. 아래 코드는 함수 표현식으로 정의된 init() 함수이다. const init = function(){ console.log("initialized!"); } 이 함수는 어차피 한 번만 사용할 함수인데, const 키워드에 할당했기 때문에 프로그램이 종료되기 전까지 init 식별자는 재사용 불가하다. 이러한 현상을 전역 스코프가 오염됐다 고 표현한다. 이런 경우 즉시 실행 함수로 함수를 정의하면 전역 스코프가 오염되는 것을 방지할 수 있다. (functio.. 2023. 12. 7. 자바스크립트 함수 정의하는 3가지 방법 자바스크립트 함수는 함수 선언문 함수 표현식 화살표 함수 등을 사용해 정의한다. 🔔 아래 예시문은 모두 구구단 5단을 만드는 함수입니다 🔔 함수 선언문 ✔️ function 식별자(){} ✔️ 제일 대표적으로 사용됨 function gugudan(){ for(let i = 1; i { for(let i = 1; i 2023. 12. 6. if문 VS switch문 : 어떤걸 사용해야할까?? 차이점은?? if문, switch문 모두 자바스크립트 조건문 이다. 그럼 어떤 차이점이 있는지 알아보자. if문 if(조건문){ 실행할 코드 } ✨ 조건문에 연산자를 사용하여 논리적인식 작성 가능 ✨ ✔️ 중첩 가능 (다중 fi문) ✔️ 중첩횟수는 상관없으나, 코드의 가독성이 안좋아짐 : 한 번 정도만 중첩하는 것을 추천 let num1 = 10; if(num1 % 2 === 0){ console.log("변수 num1에 할당된 숫자는 짝수입니다."); if(num1 > 5){ console.log("num1은 5보다 큽니다.") } else if(num1 > 0){ console.log("num1은 0보다 큽니다.") } else { console.log("num1은 0보다 작습니다.") } } switch문 sw.. 2023. 12. 5. create react app 패키지를 설치하는 이유 '그냥 리액트를 컴퓨터에 설치하면 되는거 아닌가요??' 라고 생각할 수 있지만 create react app 패키지 를 설치하는 첫 번째 이유는 dev 서버가 함께 포함돼 있기 때문 dev 서버 코드를 수정하면 자동으로 코드 변경 사항을 compile해 브라우저에서 변경 사항을 실시간으로 볼 수 있게 도와주는 도구 두 번째 이유는 웹팩이 함께 포함돼 있기 때문 웹팩 여러 개의 소스 코드를 하나로 묶어주는 자바스크립트 번들 도구 로컬에서 개발 할 때는 여러 폴더에 여러 파일이 흩어져 있지만, 실제 배포할 때는 웹팩을 사용하여 자바스크립트를 한데 묶어 용량을 작게 만들어주는 것이 필요함 세 번째 이유는 바벨이 함께 포함돼 있기 때문 바벨 리액트는 jsx로 자바스크립트를 작성함. jsx = 자바스크립트 확장 .. 2023. 12. 5. 문자열에 ''(작은 따옴표), ""(큰 따옴표) 넣으면 에러 해결하기 문자열은 큰따옴표("") 또는 작은따옴표('')로 정의합니다. 라는 문자를 출력하고 싶다. 문자열을 작성할 때는 큰따옴표("") 혹은 작은따옴표('')로 감싸면 된다. 문자열에 큰따옴표가 포함될 경우에는 작은따옴표 안에 문자열을 넣어주면되고, 문자열에 작은따옴표가 포함될 경우에는 큰따옴표 안에 문자열을 넣어주면된다. 하지만 이렇게 문자열에 큰따옴표, 작은 따옴표 모두 포함되었을 경우 에러가 발생한다. 방법 1. 문자열 연결 연산자 활용 let str = '문자열은 큰따옴표("") 또는 작은따옴표(' + "'')로 정의합니다."; console.log(str); 방법2. 이스케이프 문자(\) 활용 let str = "문자열은 큰따옴표(\"\") 또는 작은따옴표('')로 정의합니다."; console.log.. 2023. 12. 4. 이전 1 2 3 4 5 다음 반응형
