반응형 소프트웨어 개발101 vue vite, yarn - alias 경로(path) 설정 1. vue vite에 alias 경로를 설정하기 위해서는 path 라이브러리를 설치합니다. yarn add path 2. vue프로젝트 디렉토리에 있는 vite.config.js 파일을 편집합니다. import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' import path from 'path' // https://vitejs.dev/config/ export default defineConfig({ resolve:{ alias:{ '/@': path.resolve(__dirname,'./src'), '/@components': path.resolve(__dirname,'./src/components') } }, plugins:.. 2023. 4. 9. 윈도우 10/11 vue - yarn으로 vite 프로젝트 설정 1. 아래와 같은 명령어를 커멘드창에 입력합니다. yarn create vite 2. "yarn create vite"명령어를 실행을 하였으면 아래 그림과 같이 나타나며 Project name란에 프로젝트명을 작성합니다. 3. Select a framework 선택란에 다양한 javascript framework 선택지가 있지만 우리는 Vue 프로젝트를 생성하기에 Vue를 선택합니다. 4. Select a variant 선택란에서는 javascript를 선택합니다. 5. 정상적으로 프로젝트가 생성이 되었다면 아래 그림과 같이 나타납니다. 5. 생성한 프로젝트 디렉토리로 이동합니다. cd [프로젝트명] 6. yarn 명령어를 실행합니다. 별 다른 이슈가 없다면 아래 그림과 같이 나타납니다. yarn 7. .. 2023. 4. 9. classic asp 오류 핸들링, 에러 핸들링(error handling) 0 Then Response.Write("오류 :: " & Err.Description & "오류 코드 " & Err.number) On Error Goto 0 End IfOn Error Goto 0 ' Reset error handling.%> 2023. 4. 1. 깃허브 github personal access token 발급하는 방법 1. 오른쪽 상단에 프로필 아이콘을 클릭 하시면 아래 그림과 같이 [Settings] 메뉴가 보이실겁니다. 해당 메뉴를 클릭합니다. 2. Settings 화면에서 좌측 메뉴에 [Developer settings] 메뉴가 있습니다. 클릭합니다. 3. Developer settings 화면에서 좌측 메뉴에 [Personal access tokens > Tokens(classic)]을 클릭합니다. 4. [Generate new token] 선택 박스를 선택 하시면 아래 그림과 같이 선택 화면이 나오는데 [Generate new token(classic)]을 선택합니다. 5. Note란에는 적절하게 토큰명을 입력하시고, Select scopes 체크란에는 해당 토큰에 대한 접근 범위에 대해서 체크하는 영역인데 .. 2023. 4. 1. classic asp 사용자 지정 오류 페이지 설정 (classic asp custom error page ) 1. 오류 페이지를 작성하고 싶은 웹 사이트를 선택합니다. 2. [오류 페이지] 아이콘을 클릭합니다. 3. [오류 페이지] 아이콘을 클릭 후 [작업 > 기능 설정 편집] 메뉴를 클릭합니다. 그러면 아래 그림과 같이 [오류 페이지 설정 편집] 팝업창이 나타납니다. [사용자 지정 오류 페이지] 체크란에 체크 후 확인 버튼을 누릅니다. 4. 미리 정의된 상태 코드를 편집하여 사용하고 싶으시면 해당 목록의 내용을 보고 클릭 하시면 되고, 없으면 [작업 > 추가] 메뉴를 클릭하여 작성합니다. 5. 선택을 하였으면 아래 그림과 같이 [사용자 지정 오류 페이지 편집] 팝업창이 나타납니다. [이 사이트에서 URL 실행] 체크란에 체크하시고 입력란에는 작성하신 "오류 페이지 상대 경로"를 넣어 주시면 됩니다. 해당 경로.. 2023. 4. 1. classic asp utf-8 설정 CodePage에 65001 설정 사용 예) 2023. 3. 31. windows - iis utf-8 인코딩 설정, utf-8 encoding settings, 한글깨짐 1. utf-8 인코딩으로 변경하고 싶은 웹 사이트를 선택합니다. 2. [ASP] 아이콘을 선택합니다. 3. ASP 아이콘을 선택하면 아래 그림과 같이 설정하는 입력란들이 나옵니다. 그중에서 utf-8 설정하는 부분은 코드 페이지 입력란입니다. 기본 설정값은 0이며 여기에 65001이라고 입력을 합니다. 2023. 3. 31. classic asp - windows iis 서버 기본 페이지, 인덱스 페이지 설정(default page, index page) 1. 기본 페이지를 설정할 웹 사이트를 선택합니다. 2. 설정할 웹 사이트를 선택 후 [기본 문서]아이콘을 클릭합니다. 3. [작업>추가] 메뉴를 클릭합니다. 4. 추가 메뉴를 클릭하면 아래 그림과 같이 [기본 문서 추가]팝업창이 나타납니다. 이름 입력란에 추가할 페이지 파일명을 입력하시고 확인 버튼을 누르면 완료됩니다. 2023. 3. 31. [PHP 기초강좌] 사용자 정의 함수 - function 1. 사용자 정의 함수 PHP의 함수에는 크게 두 종류가 있습니다. PHP 구조의 내장 함수와 사용자가 직접 작성하는 사용자 정의 함수가 있습니다. 이번 강좌에는 사용자 정의 함수에 대해서 살펴보도록 하며 이 개념을 가지고 자주 쓰이는 내장 함수에 대해서는 다음 강좌에 살펴보도록 하겠습니다. 함수 (1) 반복적인 코드를 재사용하여 사용할 수 있습니다. (2) 반복적인 코드를 재사용하기 때문에 웹 페이지가 로드될 때 자동으로 호출되지 않으며 함수 호출로만 실행합니다. 함수 선언 방법 (1) 함수의 선언은 function 키워드를 사용하여 선언합니다. (2) 함수명은 문자,숫자, 언더라인(_) 등의 조합으로 사용합니다. (3) 함수명의 첫 글자는 숫자는 사용할 수 없으며 문자 또 언더라인으로 사용합니다. (.. 2023. 3. 1. [PHP 기초강좌] 제어문 - continue 제어문 - continue continue 키워드는 주로 반복문 구문 내에서 조건문과같이 사용됩니다. 조건문이 만족될 경우 조건문 아래의 코드는 실행하지 않고, 다음 반복을 수행합니다. 다음 예제 코드는 조건문에서 변수 $i가 값이 5일 경우 건너뛰고 다음 반복을 수행하는 예제입니다. 2023. 2. 28. [PHP 기초강좌] 제어문 - break 제어문 - break 반복문 사용 시 설정된 조건대로 기다리지 않고, 루프(Loop)에서 즉시 빠져나가고 싶은 상황이 있을 수 있습니다. break 키워드 사용은 반복문 구문 또는 switch 구문에서 사용되며, 해당 구문을 종료하고자 할 때 사용합니다. 다음 예제는 변수 $i가 값이 5가 되었을 경우 종료합니다. 2023. 2. 26. [PHP 기초강좌] 반복문 - foreach 반복문 - foreach foreach는 PHP의 반복문 중 하나이며 다른 반복문과 달리 조건을 배열 변수를 사용하여 배열의 키(key)/값(value) 쌍 개수만큼 반복합니다. 2023. 2. 22. [PHP 기초강좌] 반복문 - do while do while do while문은 while문과 유사하지만 한 가지 차이점이 있습니다. while문은 영역 내 구문을 실행하기 위해서 조건을 먼저 비교를 합니다. 하지만 do while문은 조건 만족 여부 상관 없이 영역 내 구문을 처음 한번 실행을 하고, 다음 반복 회차부터 조건을 비교합니다. 다음 예제는 변수 $k를 -10으로 초기화하고 do while문을 통하여 결과를 출력하는 예제입니다. 변수 $k 초기값이 do while문의 조건을 만족하지 않지만 조건과 상관없이 처음 한번은 실행을 합니다. 2023. 2. 20. [PHP 기초강좌] 반복문 - while 반복문 - while while 반복문은 조건이 true 이면 반복적으로 수행합니다. true인 상태는 조건이 무한정 반복 수행하기 때문에 증감 연산자를 이용하여 조건을 false로 만드는 것을 유도하거나 제어문인 break문을 통하여 while문을 제어할 수 있습니다. 다음 예제는 $i를 정수 1로 초기화하고 6번 반복하는 예제입니다. 2023. 2. 17. [PHP 기초강좌] 조건문 - switch case 조건문 - switch case switch case 구문은 구문 영역 중 하나를 선택하여 실행합니다. if elseif .. elseif else 구문의 방식은 elseif 조건마다 실행하는 반면 switch case 구문은 하나의 조건으로 바로 실행을 합니다. 조건이 만족하는 것이 없을 경우에는 default 영역을 실행 합니다. 2023. 2. 16. [PHP 기초강좌] 조건문 - if/else, 삼항 연산자 조건문 코드를 작성하게 되면 어느 특정 조건일 경우에 실행을 해야 할 경우가 비일비재합니다. 프로그래밍 언어에서는 이를 조건문이라고 합니다. 조건문은 참(true)의 영역과 거짓(false)의 영역이 있습니다. 참의 영역의 구문을 실행하려면 boolean 데이터 유형의 true를 만족해야 하며 거짓의 영역의 구문을 실행하려면 false를 만족해야 합니다. PHP에서 이를 만족하는 구문이 if/else문과 삼항 연산자입니다. 이번 강좌에는 먼저 if/else문과 삼항 연산자에 대해서 알아보도록 하겠습니다. if/else if 문은 특정 조건이 충족되면(true 이면) if의 중괄호( { ... } ) 영역에 작성된 코드들이 실행됩니다. false일 경우 무언가 코드를 실행하고 싶을 때 else 문을 작성하.. 2023. 2. 15. [PHP 기초강좌] 연산자 - 비트 연산자 비트 연산자 비트 연산은 이진 데이터를 연산 하기 때문에 먼저 비트와 바이트의 개념에 대해서 간략하게 살펴보고 비트 연산에 대해서 알아보도록 하겠습니다. 비트( bit, binary digit ) 비트(bit)는 binary digit의 약자입니다. 비트는 0과 1의 값만 가질 수 있으며, 그 표현은 기수법 2진수로 표현합니다. 컴퓨터 시스템은 0은 off를 의미하며 on은 1을 의미합니다. 바이트(Byte) 바이트는 정보의 기본단위이며 일련의 비트(bit)로 구성됩니다. 1바이트 당 8비트로 구성되었습니다. 단위/기호 용량 단위 1바이트(Byte) 8 bit 1킬로바이트(KB) 1024 Byte 1메가바이트(MB) 1024 KB 1기가바이트(GB) 1024MB 1테라바이트(TB) 1024GB 1페타바이.. 2023. 2. 14. [PHP 기초강좌] 연산자 - 배열 연산자 배열 연산자 배열 연산자는 배열을 비교하거나 값을 조합하는 데 사용합니다. [ $a , $b 두 변수는 배열 ] 연산자 기호 의미/명칭 사용 예 결과 + 배열 조합 $a + $b $a와 $b를 비교하여 $b는 $a의 없는 배열 키(array key)와 배열 값(array value)을 추가합니다. == 배열 값/키 일치 여부 비교 $a == $b $a와 $b를 비교하여 배열 키/값 쌍 동일하면 true 반환 === 배열 동일 여부 비교 $a === $b $a와 $b를 비교하여 순서와 배열 키/값 쌍이 모두 동일하면 true를 반환 != 배열 값/키 불일치 여부 비교 $a != $b $a와 $b와 같지 않으면 true를 반환 배열 값/키 불일치 여부 비교 $a $b $a와 $b와 같지 않으면 true를 반.. 2023. 2. 13. [PHP 기초강좌] 연산자 - 문자열 연산자 문자열 연산자 PHP에서 많이 활용되는 문자열 연산자입니다. 문자열 연산자는 연결 연산자와 연결 할당 연산자가 있습니다. 연산자 기호 연산자 명 사용 예 결과 . 문자열 연결 연산자 $a . $b 문자열을 저장하고 있는 두 변수 $a와 $b를 연결 할당합니다. .= 문자열 연결 할당 연산자 $a .= $b 문자열을 저장하고 있는 두 변수 $a, $b에서 $b의 문자열을 $a에 추가합니다. 2023. 2. 11. [PHP 기초강좌] 연산자 - 논리 연산자 논리 연산자 논리 연산자는 데이터 유형 boolean으로 반환되며 true 또는 false를 반환합니다. 조건문에서 많이 활용되는 만큼 확실하게 이해하도록 합시다. 연산자 기호 연산자 명 사용 예 결과 && and $a && $b 1. true 조건 $a와 $b 모두 true이면 true를 반환 합니다. 2. false 조건 - $a와 $b 중 하나만 false여도 false를 반환 합니다. - 두 변수 모두 false이면 false를 반환 합니다. and and $a and $b 1. true 조건 $a와 $b 모두 true이면 true를 반환 합니다. 2. false 조건 - $a와 $b 중 하나만 false여도 false를 반환 합니다. - 두 변수 모두 false이면 false를 반환 합니다. |.. 2023. 2. 10. 이전 1 2 3 4 ··· 6 다음 반응형
