Skip to main content
Advanced Search
Search Terms
Content Type

Exact Matches
Tag Searches
Date Options
Updated after
Updated before
Created after
Created before

Search Results

16 result found

템플릿 리터럴: 백틱(``), 표현식(${ })

DOM

# 템플릿 리터럴(Template Literal) ES6부터 새로 도입된 문자열 표기법문자열 생성시 따옴표 대신, 백틱(`)을 사용 var str_01 = `hello world`; //백틱 사용 const x='x'; const y='y'; const z='z'; console.log(`${x}는 x, ${y}는 y, ${z}는 z이다. `); //x는 x, y는 y, z는 z이다. ▶︎ 백틱(`)은 자바스크립트 JS ES6(ECMAScri...

1. 비동기처리

비동기처리 Promise, async, await

# 동기 처리 동기적 제어 흐름은 현재 실행중인 코드가 종료되기 전까지 다음 줄의 코드를 실행하지 않는 것을 의미한다.분기문, 반복문, 함수 호출 등이 동기적으로 실행된다.코드의 흐름과 실제 제어 흐름이 동일하다.싱글 스레드 환경에서 메인 스레드를 긴 시간 점유하면, 프로그램을 멈추게 한다.// 동기적 코드에는 어떤 것들이 있을지! // 선언문 let a = 10 // 동기적 실행 console.log("a : ", a) // 반...

2. Callback 함수

비동기처리 Promise, async, await

1. 콜백함수(Callback)콜백 함수란?콜백 함수는 다른 함수에 인수로 전달되어, 특정 작업이 끝난 후 호출되는 함수를 말한다.function sayHello() { console.log("Hello!"); } function executeCallback(callback) { console.log("Before callback"); callback(); // 콜백 함수 호출 console.log("After callback"); ...

3. Callback -> Promise -> async/await

비동기처리 Promise, async, await

1. 콜백지옥다음과 같이 비동기로 작동되는 함수가 있다.이 비동기 함수는 2초 뒤에 Dain라는 이름을 인자로 받은 콜백함수의 인자로 넘겨준다.function getName(cb) { setTimeout(() => { cb("Dain"); }, 2000); }앞선 함수를 실행하려면 다음과 같이 getName 함수에 콜백함수를 넣어서 사용할 수 있다.getName((name) => { console.log(name); ...

[Docker] Intel 가상화 활성화

잡학사전

도커를 사용하려면 반드시 가상화 설정이 활성화 되어 있어야 함# 가상화 활성화 여부 확인작업관리자 > 성능탭 > 우측하단 가상화 (사용/사용안함)# Intel 가상화 활성화부팅 > [F2] 또는 [DEl]로 BIOS 진입 > [F7]로 Advanced Mode > Advanced 탭 > [CPU Configuration] > [Intel Virtualization TEchnology]를 [Enabled]로 바꾸기 > [F10] 키 눌러서 저장 > 확인창 뜨면  ...

[Linux #1] Basic Command

Linux 명령어

자동완성: `Tab` 키​붙여넣기:`Shift + INS` 또는 우클릭1. ls (List)ls : 현재 디렉토리의 모든 파일 및 폴더를 기본 형식으로 보여준다.ls -l : 파일 및 폴더에 대한 자세한 정보와 함께 리스트업 한다.ls -a : 숨겨진 파일을 포함하여 모든 파일을 보여준다.2. cd (Change Directory)cd는 디렉토리를 변경한다.cd Documents : 현재 디렉토리에서 'Documents'라는 이름의 폴더로 이동한다.cd .. :...

[Linux #2] 북스택 관련

Linux 명령어

패키지 목록업데이트, 도커 설치, Docker compose 설치?sudo apt update sudo apt install docker.io sudo apt install docker-compose도커 컨테이너 실행 중 에러dainwiki@DESKTOP-4OPVAQ5:~$ docker-compose up ERROR: yaml.scanner.ScannerError: mapping values are not allowed here in "./docker...

프로그래밍 용어 발음 정리

잡학사전

gif 기프x 지프ovite 바이트x 비트odelphi 델파이x 델피query 쿼리 퀴어리# hash 해시 샵 샬프! 뱅 느낌표* 애스터리스크 별표^ 캐럿~ 틸더 물결표` 백틱 백쿼드zustand 저스탠드 라이브러리 ? 쥬스탕o (독일어) async 에이싱크await 어웨잇ajax 아작스x 에이잭스asus 어수스x 에이수스o width 위드x 윗스o height 헤이트x 하이트obranch 브랜치null 널route router 루트 루터redirect 리다이렉...

1. Scope란?

Scope

🛰️ 자바스크립트 함수가 실행되는 과정자바스크립트에서 함수가 실행되는 과정을 간략하게 설명하자면, '함수가 실행될 때 각 스코프에 해당하는 실행 컨텍스트가 콜스택에 쌓인다' 라고 표현할 수 있다.이 문장을 이해하기 위해 알아야 할 개념이 스코프(Scope)와 실행 컨텍스트(Execute Context)인데 우선 스코프에 대해 정리해보자.🎪 Scope스코프란 단어의 뜻 그대로 '범위'라는 의미를 가지고있다. 코드에서의 스코프는 '변수에 접근할 수 있는 범위'라고 ...

2. Scope Chain & Closure

Scope

1. 스코프 체인(Scope Chain)스코프 체인은 중첩된 스코프에서 변수 검색이 이루어지는 과정이다. 자바스크립트는 변수를 찾을 때 현재 스코프 → 상위 스코프 → 전역 스코프 순서로 검색한다.만약 변수명이 겹치면 가장 가까운 스코프에서 찾은 변수를 사용한다.let globalVar = "Global"; function outer() { let outerVar = "Outer"; function inner() { let inner...

🛠️ 다인위키 트러블슈팅 로그

트러블슈팅🌠

🛠️ 트러블슈팅 로그 (2025.04.20)⚠️ 모바일 화면에서 로고 깨지는 문제 (2024.04.19 해결완료)모바일 화면에서 헤더 로고 이미지 깨짐 현상 발생✅ 조치 사항 - 이미지 포맷을 PNG로 변경해서 정상 출력되도록 수정함⚠️ 모바일 화면에서 본문 이미지 깨짐 문제본문에 이미지 첨부 시 모바일 화면에서 깨짐🔍 원인 : ?✅ 진행상황: 점검중확장자별 테스트 jpeg, jpg, gif, png직접 첨부 & 간접 참조 형식 별 테스트⚠️ PDF 다운로드 시...

[트러블슈팅 #1] HTTPS 접속 보안 경고 해결 방법

트러블슈팅🌠

HTTPS 로 접속하면 보안경고 "연결이 비공개로 설정되어 있지 않습니다." 뜨는 문제💡 보안경고 없애려면 SSL 인증이 필요하다.XAMPP는 인증서 생성을 간편하게 돕는 일괄 스크립트를 제공한다.기본 설치 폴더로 가면 C:\xampp\apache에 makecert.bat 이라는 패치파일이 있을것이다.1. 에디터로 makecert.bat 열기bin\openssl x509 -in server.csr -out server.crt -req -signkey server...

[트러블슈팅 #2] HTTPS 로 접속시 /dashboard로 리디렉션 되는 문제

트러블슈팅🌠

HTTPS 로 접속하면 url에 /dashboard 붙으면서 phpMyAdmin페이지로 리디렉션 되는 문제https://dainwiki.com 으로 접속했을 때원래는 Bookstack (8080포트에서 구동 중) 으로 프록시하려고 했는데이상하게 /dashboard/가 붙으면서 phpMyAdmin 쪽으로 넘어간다→ DainWiki가 가동중인 8080 포트로 프록시를 연결해주고 싶다.한 마디로 /(루트) 요청을 받아야 하는데, 다른 기본 설정(/dashboard/나...

[트러블슈팅 #3] 포트 충돌시 해결방법

트러블슈팅🌠

포트 충돌시 해당 포트를 점유하는 프로세스의 PID 조회하고 강제 종료하기XAMPP 에서 포트 충돌이 나서 Apache서버가 돌아가지 않는 문제가 발생해서 포트 충돌이 있는지 확인하고자 한다.💡 cmd에서 포트 점유중인 프로세스 찾는 명령어예) 443번 포트를 사용하는 프로세스 찾기올바른 명령어는 아래와 같다netstat -ano | findstr ":443"netstat -ano: 네트워크 연결 정보를 보여주는 명령이다. -a는 모든 연결과 리스닝 포트를, -...

[Linux #3] cmd 에서 포트 열려 있는지 확인하는 명령어

Linux 명령어

포트포워딩 했는데 외부IP에서는 접속 안되는 문제를 겪음그래서 공유기에서 포트포워딩 후 포트가 제대로 열려 있는지 확인하는 법cmd에서 netstat -an 명령어로 확인 가능하다 netstat -an | find "8080"netstat -an | find "80"포트가 열려 있으면 아래와 같이 LISTENING 문구가 출력된다.TCP 0.0.0.0:8080 0.0.0.0:0 LISTENING TCP [::...

[Linux #4] vi 에디터랑 nano 에디터 간단한 사용법

Linux 명령어

WSL이나 우분투 같은 리눅스 환경에서는 설정 파일(.bashrc, .vimrc, /etc/hosts, /etc/network/interfaces 등등)을 수정하거나 확인할 때 vi나 nano 같은 에디터를 꼭 써야 할 때가 많다. 🖋️ vi (또는 vim)모드 구분: 명령 모드, 입력 모드처음엔 명령 모드로 시작입력 모드로 전환i : 현재 커서 위치에서 입력 시작a : 커서 다음 위치부터 입력o : 새로운 줄 만들어 입력입력 모드 → 명령 모드로 돌아가기Esc...