Advanced Search
Search Results
16 result found
템플릿 리터럴: 백틱(``), 표현식(${ })
# 템플릿 리터럴(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. 비동기처리
# 동기 처리 동기적 제어 흐름은 현재 실행중인 코드가 종료되기 전까지 다음 줄의 코드를 실행하지 않는 것을 의미한다.분기문, 반복문, 함수 호출 등이 동기적으로 실행된다.코드의 흐름과 실제 제어 흐름이 동일하다.싱글 스레드 환경에서 메인 스레드를 긴 시간 점유하면, 프로그램을 멈추게 한다.// 동기적 코드에는 어떤 것들이 있을지! // 선언문 let a = 10 // 동기적 실행 console.log("a : ", a) // 반...
2. Callback 함수
1. 콜백함수(Callback)콜백 함수란?콜백 함수는 다른 함수에 인수로 전달되어, 특정 작업이 끝난 후 호출되는 함수를 말한다.function sayHello() { console.log("Hello!"); } function executeCallback(callback) { console.log("Before callback"); callback(); // 콜백 함수 호출 console.log("After callback"); ...
3. Callback -> 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
자동완성: `Tab` 키붙여넣기:`Shift + INS` 또는 우클릭1. ls (List)ls : 현재 디렉토리의 모든 파일 및 폴더를 기본 형식으로 보여준다.ls -l : 파일 및 폴더에 대한 자세한 정보와 함께 리스트업 한다.ls -a : 숨겨진 파일을 포함하여 모든 파일을 보여준다.2. cd (Change Directory)cd는 디렉토리를 변경한다.cd Documents : 현재 디렉토리에서 'Documents'라는 이름의 폴더로 이동한다.cd .. :...
[Linux #2] 북스택 관련
패키지 목록업데이트, 도커 설치, 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)와 실행 컨텍스트(Execute Context)인데 우선 스코프에 대해 정리해보자.🎪 Scope스코프란 단어의 뜻 그대로 '범위'라는 의미를 가지고있다. 코드에서의 스코프는 '변수에 접근할 수 있는 범위'라고 ...
2. Scope Chain & Closure
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 에서 포트 열려 있는지 확인하는 명령어
포트포워딩 했는데 외부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 에디터 간단한 사용법
WSL이나 우분투 같은 리눅스 환경에서는 설정 파일(.bashrc, .vimrc, /etc/hosts, /etc/network/interfaces 등등)을 수정하거나 확인할 때 vi나 nano 같은 에디터를 꼭 써야 할 때가 많다. 🖋️ vi (또는 vim)모드 구분: 명령 모드, 입력 모드처음엔 명령 모드로 시작입력 모드로 전환i : 현재 커서 위치에서 입력 시작a : 커서 다음 위치부터 입력o : 새로운 줄 만들어 입력입력 모드 → 명령 모드로 돌아가기Esc...