분류 전체보기
-
JavaScript 변수 선언 var let const 차이와 사용법 예제(+템플릿 리터럴)개발 공부/PWA 2023. 2. 15. 13:48
자바스크립트는 ES6 부터 변수 선언할때 var 외에 let, const가 추가되었습니다. 스코프는 변수의 유효범위와 연관 있습니다. 여기서 변수의 유효범위란 해당 변수를 사용할수 있는 범위입니다. [함수 스코프 : 유효범위가 함수 내부] : var -> var 는 함수 스코프 가능 블록 스코프 불가능 /* 함수 스코프 */ fnEx(); function fnEx(){ var a = 5; console.log(a);//5 출력 } console.log(a); // 오류 함수 스코프 가능한 var 변수는 함수 밖에서는 사용 불가능합니다. /* 블록 스코프 */ var a = 3; { var a = 5; console.log(a);// 5출력 } console.log(a); // 5출력 블록 스코프가 불가능..
-
VSCode 웹 프로젝트 생성 및 실행하기 (+핸드폰 화면 미리보기)개발 공부/PWA 2023. 2. 14. 15:16
VSCode를 이용하여 html 파일을 만들고 문장을 출력해보는 실습을 해보겠습니다. 1. 상단 메뉴 에서 [파일 -> 폴더열기] 를 선택한 후, 프로젝트를 저장할 폴더를 생성 또는 선택해줍니다. 2. TEST라는 폴더를 선택하면 이렇게 작업 폴더로 선택됩니다. 3. [파일->새 파일] 선택 후 HTML 파일을 생성합니다. 4. index.html 파일을 만들어 주었습니다. * 여기서 중요한 점은 폴더를 만든 후 파일을 만든다는 점입니다. 순서 기억하기! 코드 작성 VSCode는 생성된 파일 확장자를 보고 관련 기능을 제공해줍니다. 가장 자주 사용하는 상용구 코드를 불러오려면 두번째 [html:5] 를 클릭해줍니다. 이렇게 기본 구조를 불러온 후 언어를 변경해주고, body 부분에 원하는 문구를 입력해줍..
-
Visual Studio Code 라이브 서버 설치 , 사용 방법개발 공부/PWA 2023. 2. 14. 15:13
VSCode는 확장 기능을 통해서 다양한 기능 추가가 가능합니다. 그 중 라이브 서버를 설치하여 사용해보겠습니다. * 라이브서버란? 미니 웹 서버의 한 종류로, HTML 문서 작업 후 바로 로컬 서버에서 테스트 가능하게 함 * 한글 언어팩 설치 방법 Visual Studio Code 한글 언어 팩 설치 방법 라이브 서버 설치 방법 1. 좌측 메뉴 맨 아래 Extensions 클릭 2. Live Server 검색 3. 설치 클릭 4. 버튼이 사용안함으로 바뀌었다면 설치 완료. 라이브서버 사용 방법 VSCode 웹 프로젝트 생성 및 실행하기 (HTML) VSCode 웹 프로젝트 생성 및 실행하기 (HTML) VSCode를 이용하여 html 파일을 만들고 문장을 출력해보는 실습을 해보겠습니다. 1. 상단 메뉴..
-
Visual Studio Code 한글 언어 팩 설치 방법개발 공부/PWA 2023. 2. 14. 14:11
PWA를 실습하기 위한 툴로 Visual Studio Code를 선택했습니다. * 설치 방법 및 사이트 [개발 공부/PWA] - PWA 시작하기 (참고 사이트, 설치 툴) VS code에서는 한글 언어 팩을 따로 설치하여 적용시켜주어야합니다. 1. 좌측 메뉴 맨 아래 Extensions 클릭 2. korea language pack 검색 3. Install 클릭 4. 해당 버튼에 Uninstall 이 떴다면 설치 완료! 5. Change Language and Restart 버튼 클릭 VScode 한국 언어 팩 설치 완료
-
PWA 시작하기 (참고 사이트, 설치 툴)개발 공부/PWA 2023. 2. 1. 16:51
1. PWA builder https://www.pwabuilder.com/ PWABuilder www.pwabuilder.com 2. visual studio code https://code.visualstudio.com/docs/?dv=win Documentation for Visual Studio Code Find out how to set-up and get the most from Visual Studio Code. Optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and..
-
C# DEVEXPRESS GridView header 컬럼 체크 박스 사용 (All checked)개발 공부/C# 2022. 11. 22. 16:21
데브 grid control 사용시 헤더에 체크박스 넣어서 전체선택/해제 하는게 없음 따로 구현해줘야함 /// /// 그리드 컬럼 체커 /// public class GridColumnChecker { //////////////////////////////////////////////////////////////////////////////////////////////////// Field ////////////////////////////////////////////////////////////////////////////////////////// Private #region Field /// /// 마진 /// private const int MARGIN = 4; /// /// 그리드 뷰 /// pr..