Programming45 자바스크립트에서 this란? 🔍 this란?자바스크립트에서 "누가" 실행했는지를 가리키는 키워드다.기본적으로는 window를 나타낸다. 웹을 켜고 콘솔창에서 this를 입력하면 window 관련정보가 출력된다. 예를 들어서어떤 객체(Object) 안에서 함수를 실행하면, 그 함수 안의 this는 그 객체 자신을 가리킨다. const student = { name: 'ashley', sayHello: function () { console.log(this.name + ' 안녕!'); }};student.sayHello(); // 👉 "ashley 안녕!" (this는 student를 가리킴) 익명 함수에서 this VS 화살표 함수에서 this 익명함수(function)const person = { na.. 2025. 4. 11. script defer와 script async의 차이점 및 비교 우리는 보통 웹페이지를 만들 때 아래처럼 적는다. hello 위의 코드의 경우, 위의 head 태그부터 코드를 읽다가 script.js를 만나면 바로 실행되기 때문에 그동안 나머지 HTML 부분은 멈추게 된다.이게 바로 느려지는 이유그래서 등장했다. defer / async defer 📄 본문 내용 // script.jsconsole.log('🕓 defer 실행됨!'); 1. HTML 파싱과 script 파일 다운로드 동시에 시작2. HTML 다 파싱된 후 console.log 출력됨‼️단, 여러 defer 스크립트가 있다면 작성 순서대로 실행됨 async 📄 본문 내용 // script.jsconsole.log('⚡ async 실행됨!'); 1. HTM.. 2025. 4. 11. Vue 생명 주기(Lifecycle) 쉽게 이해하기 Vue 라이프사이클이란? Vue는 웹사이트를 만들 때 "컴포넌트"라는 블록을 사용함이 블록(컴포넌트)은 "탄생 → 성장 → 소멸" 과정을 거치는데, 이 과정을 'Vue 라이프사이클'이라고 한다. Vue의 라이프사이클 단계 단계Vue에서 하는 일사람으로 비유1. beforeCreate데이터와 이벤트가 아직 준비 안 됨아기가 태어나기 전 (배 속)2. created데이터와 이벤트 설정 완료아기가 태어남 (이름,가족 등록 완료)3. beforeMount화면에 출력될 준비 완료유치원 가기 직전 (준비 다 됨)4. mounted화면에 실제로 표시됨유치원에서 친구들과 놈5. beforeUpdate데이터가 바뀌었지만 아직 화면에 반영 안 됨시험 성적이 나왔지만 부모님이 아직 모름6. updated화면이 새로운 데이.. 2025. 4. 3. 깃허브(github)에 push된 특정 파일 삭제 | 실수로 보안파일 올렸을 때 삭제 방법 github에 실수로 .env 파일을 올려버렸다.API KEY 정보들이 있기때문에 보안상 위험하다. 1. 터미널에서 삭제해야 하는 폴더가 있는 경로로 이동하고, 아래 명령어를 입력해 준다.git rm .env 그랬더니 아래와 같은 에러가 떴다. error: the following file has local modifications: server/.env (use --cached to keep the file, or -f to force removal) .env 파일이 github에 올라간 뒤 로컬에 수정사항이 있어서 강제로 삭제해야 한다는 내용이다.당황하지 말고 2. git rm --cached .env 명령어 실행 3. 다시 commit 진행 4. push 진행 2025. 3. 26. 인텔리제이(IntelliJ) 터미널 기록 삭제 단축키 터미널에서 아래 명령어를 입력하면 깔끔하게 지워진다. Window : clsMac/Linux : clear 2025. 3. 18. PostgreSQL 데이터베이스 생성 (feat.Dbeaver) PostgreSQL을 처음 설치하고 사용하는 경우,1. PostgreSQL 서버 먼저 설치 2. 데이터베이스를 생성3. DBeaver에서 연결 순서로 진행해야 한다. [1. PostgreSQL 설치 방법]공식 다운로드 홈페이지https://www.enterprisedb.com/downloads/postgres-postgresql-downloads EDB: Open-Source, Enterprise Postgres Database Management www.enterprisedb.com 순서대로 진행 (중간에 stack builder 체크 해제) 설치가 완료되면 Win + R 키를 눌러 cmd를 검색해서 아래 명령어를 입력한다. netstat -ano | findstr 5432 설치가 정상적으로 완료됐.. 2025. 2. 4. 이전 1 2 3 4 ··· 8 다음
