본문 바로가기
WSL 설치 - #2 본격적인 설치 1. WSL1 설치 Windows Terminal 관리자 권한으로 실행 기능 활성화 아래의 코드를 복사해서 windows Terminal에 그대로 붙여넣자. (1) Linux용 윈도우 하위 시스템 기능 활성화 dism.exe /online /enable-feature /featurename:Microsoft-Windows-Subsystem-Linux /all /norestart (2) VirtualMachin Platform 기능 활성화 dism.exe /online /enable-feature /featurename:VirtualMachinePlatform /all /norestart 3. 온라인에서 설치할 수 있는 유효한 배포 목록 확인 wsl -l -o 입력 시, 아래와 같은 문구가 확인 될 것이다.. 2022. 1. 25.
WSL 설치 - #1 설치 전 환경 설정 1. 리눅스용 윈도우즈 하위 시스템 기능 켜기 제어판 - 프로그램 - 프로그램 및 기능 - windows 기능 켜기/끄기로 진입하자. 귀찮다면 그냥 window 키 누르고 검색창에 '기능'이라고 검색하여 나오는 windows 기능 켜기/끄기 클릭 1번을 잘 수행하였다면 다음과 같은 창이 뜰 것이다. 기능들을 잘 확인하고, 'Linux용 Windows 하위 시스템' 또는 'windows subsystem for Linux'라는 항목 체크. 또한 나중에 필요할 수도 있는 'Hyper-V'도 같이 체크. 여기까지 완료했다면 잠깐, 우리의 최종 목적은 WSL 버전2인 WSL2를 설치하는 것. WSL2는 Windows 버전과도 관계가 있기 때문에 Windows 버전이 너무 낮다면 설치가 불가하다. 버전 정보를 확.. 2022. 1. 25.
Windows Terminal(윈도우 터미널) 설치 윈도우 터미널 설치, 어렵지 않다! 하단의 그림 파일 보면서 순서대로 차근차근 따라하면 금방 설치 완료! 궁금한 점 있으시면 댓글 달아주세요~ 1. 마이크로 소프트 앱스토어 실행 2. store 실행하여 terminal 설치 3. 터미널 파일 실행 4. 완료 위의 화면이 뜬다면 설치 완료! 단, Users 다음에 오는 text는 다를 수도 있습니다! 2022. 1. 25.
1/25 디렉토리의 역할 기본 실행파일, 라이브러리, 헤더파일 저장되는 공간 usr 임시 폴더 tmp 프로그램이 실행된 데이터들과 로그들을 저장하는 공간 var srv dev 장치파일이 저장되는 디렉토리 opt 추가 패키지가 설치되는 디렉토리(패키지) / download 폴더와 거의 비슷 home 계정별 디렉토리를 저장하는 공간 root 최고 관리자(루트 계정) 홈 디렉토리. etc 리눅스 설정에 필요한 정보 파일을 담는 디렉토리 mnt 파일들을 임시적으로 연결할 때 쓰는 디렉토리 cd~ # / (루트디렉토리) # /home/[계정명과 같은 디렉토리]/ 2022. 1. 25.
1/5 끌어올리기(Hoisting) 개념 목차 끌어올리기란? 변수 선언에서의 끌어올리기 개념 함수 끌어올리기 #1. 끌어올리기(Hoisting) 란? 모든 선언들을 현재 범위(현재의 스크립트 또는 현재의 함수)의 맨 위로 끌어올리는 자바스크립트의 기본 행동 끌어올리기 개념은 변수 선언과 함수 선언에 적용된다. #2. 변수 선언에서의 끌어올리기 개념 1. let과 const 키워드로 정의된 변수는 블록의 맨 처음으로 끌어 올려지기는 하지만, 초기화되지 않는다. 즉, 코드 블록은 변수를 인식하지만 선언되기 전까지는 사용할 수 없는 것. 선언이 되기 이전에 let 변수를 사용하는 것은 참조에러(ReferenceEerror)를 발생시키며, 변수는 선언되기 전까지 코드 블럭의 처음으로부터 일시적 사각지대 (TDZ: Temporal dead zone)에 .. 2022. 1. 5.
자바 스크립트 기본 강의 자바스크립트? API를 통하여 HTML과 CSS를 동적으로 수정하기 위해(자바스크립트의 흔한 사용 이유) 느슨한 타입 언어(loosely typed)언어 or 동적(dynamic)언어 변수의 data type을 미리 선언할 필요가 없음 > 타입은 프로그램이 처리되는 과정에서 자동으로 파악됨(=같은 변수에 여러 타입의 값 넣을 수 있음) var myName = "kim"; var myName = `jihyeon`; var myName = 'Ivy'; var myName = "Abeera"; #주석 넣기 ( Comment) -2가지 방식 #Multi-line comments /* 주석 */ #Single-line comments // 줄바꿈이 필요 없는 주석 -데이터 및 구조 유형 1. type of 연산자.. 2021. 12. 30.
12/27(월) 체크박스에 애니메이션 효과 주기 목차 #1. 복습 - 체크박스 만들기, label element #2. 학습 내용 선택자 -속성 선택자 -인접 선택자 다양한 CSS속성 #3. 실습 : 체크박스에 애니메이션 효과 주기 #1. 복습 - 체크박스 만들기, label element> 1. 체크 박스 만들기 : input element에 속성값이 checkbox 인 type 속성 선언 시 체크박스 생성 가능 cf) input elemnet는 닫는 태그가 불필요하며 inline 속성이지만 사이즈 속성 설정 가능 2. label element : 인라인 속성 有 label emelement에 for 속성 선언하여 특정 input element의 특정 id값 선택 가능 >label의 for 속성을 이용하면 웹접근성 향상 가능 3. 선택자 . # 엘리.. 2021. 12. 27.
경일 아카데미 사이트 클로닝 수업 내용 복습하며 블로그 정리를 하려했으나 사정상 주말동안 블로그 정리 불가하여 지난 금요일 수업 이후 경일 아카데미 사이트 클로닝한 파일 업로드 합니다. 막히는 부분이 많이 있어서 아직 미완성이며 다음주중 완성할 예정입니다. 참고 부탁드리며, 크리틱은 언제나 환영입니다. 2021. 12. 26.
2. CSS 기초 #1 CSS의 역할 : 기존에 갖고 있는 엘리먼트의 속성을 변경 1-1 블럭 속성을 인라인 형태로, 인라인 속성을 블럭 형태로 변경 가능 1-2 글자 크기 및 색상도 조정 가능 #2 CSS 파일에서 주석 입력 방법 : /* 내용 */ #3 CSS가 HTML 문서에 적용되는 방식(우선 순위 대로) 1) 인라인(Inline) 스타일 방식 2) Internal - This is a heading This is a paragraph. * style element를 사용한 CSS 속성 부여 시 알아야 할 점 1. body tag 안에서 id/.class가 title이라는 element 선택 2. 컴퓨터적인 사고 방식으로 어떻게 하는 지 * style selector(선택자) 방식 - '#' - id - '.' -.. 2021. 12. 21.

티스토리툴바