분류 전체보기
-
[Wsl] Ubuntu C드라이브에서 D드라이브로 옮기기환경설정 2023. 2. 26. 22:46
Wsl을 설치하면 기본적으로 C드라이브에 설치를 합니다. 그래서 wsl을 사용하면 할 수 록 C드라이브 용량이 계속 작아져 불안감을 느끼던 중 wsl 리눅스 설치 경로 변경이라는 글을 보게 되었습니다. 그래서 이때다 싶어 바로 적용해 보았습니다. 1. Ubuntu 이름 확인하기 wsl -l -v 이름이 Ubuntu2204인 것을 확인할 수 있습니다. 2. Ubuntu를 tar파일로 추출하기 wsl --export Ubuntu2204 D:\ubuntu-22-04.tar wsl --export 3. Ubuntu import 하기 wsl --import Ubuntu22 D:\ubuntu\ D:\ubuntu-22-04.tar wsl --import 설치할 경로(D:\ubuntu\)는 미리 만들어 줍니다. 4. ..
-
[Ubuntu] PPA란?WHY? 2023. 2. 1. 22:50
https://jooy34.tistory.com/27 [WSL] Ubuntu에서 git version 업데이트 하기 git에 보안 취약점이 발견되어 버전을 2.39.1로 올려야 한다는 글을 보았다. 그래서 git 버전을 확인해 보니 2.34.1이었다 그래서 git version 올리는 방법을 찾아보니 1.git-core ppa추가 sudo add-apt-repository p jooy34.tistory.com git 버전 업데이트에 관하여 글을 쓰다가 git-core를 ppa에 추가하라는 것이 있었다. 그런데 ppa가 어떤 것 인지 몰라 궁금해서 이 글을 쓰게 되었습니다. 찾아보니 Personal Package Archive의 줄임말이었습니다. 그래서 우분투의 공식 패키지 저장소(Launchpad)에 없..
-
[WSL] Ubuntu에서 git version 업데이트 하기카테고리 없음 2023. 1. 29. 21:53
git에 보안 취약점이 발견되어 버전을 2.39.1로 올려야 한다는 글을 보았다. 그래서 git 버전을 확인해 보니 2.34.1이었다 그래서 git version 올리는 방법을 찾아보니 1.git-core ppa추가 sudo add-apt-repository ppa:git-core/ppa 2. 새로운 버전의 Git 설치 sudo apt update sudo apt install git 3.Git version 확인하기 git --verison git 버전이 올라간 것을 확인할 수 있다. 참고 https://www.bytesized.xyz/how-to-update-git-in-ubuntu-windows-subsystem-for-linux/ How to update Git in Ubuntu + Windows..
-
[Angular] 디렉티브Angular 2023. 1. 18. 09:36
1. 디렉티브란 Angular 애플리케이션 안에 있는 엘리먼트에 어떤 동작을추가하는 클래스를 의미 한다. 2. 디렉티브의 종류 컴포넌트 템플릿이 존재하는 디렉티브이고 가장 많이 사용한다. 어트리뷰트 디렉티브 HTMl 엘리먼트, 어트리뷰트, 프로퍼티, 컴포넌트의 동작을 변경합니다. RouterModule이나 RormsModule과 같이 어트리뷰트 디렉티브를 제공하는 NgModule이 많은데 그중에서 자주 사용하는 것은 3가지가 있습니다. NgClass CSS클래스 여러 개를 엘리먼트에 동시에 추가하거나 제거할 수 있습니다. (클래스를 하나만 추가하거나 제거한다면 NgClass 보다 클래스 바인딩을 사용하는것이 더 좋습니다.) NgClass에 메서드 사용하기 1.메서드를 컴포넌트 클래스에 정의하기 curre..
-
[Angular] Lifecycle(생명 주기) hooksAngular 2023. 1. 17. 00:47
1. Lifecycle(생명주기) Angular가 구성 요소 클래스를 인스턴스화하고 하위 뷰와 함께 렌더링할 때 생명주기가 시작되며 Angular가 인스턴스를 삭제하고 렌더링된 템플릿을 Dom에서 제거 하면 그 주기 가 종료 됩니다. Lifecycle의 역할 생명주기가 계속 되는동안 Angular는 데이터 바인딩된 속성이 변경되는 시기를 확인하고 필요에 따라 뷰와 구성 요소를 업데이트 하는 역할을 합니다. 디렉티브도 Angular 실행 과정에서 인스턴스를 생성, 업데이트 및 파괴하므로 생명 주기가 비슷합니다. 다음 글을 디렉티브에 대한 내용을 쓰겠습니다. 2. Lifecycle 이벤트 시퀀스 애플리케이션이 생성자를 호출하여 구성 요소 또는 지시문을 인스턴스화한 후 Angular는 해당 인스턴스의 생명 주..
-
HTTP 상태코드Http 웹 기본지식 2022. 8. 31. 00:49
상태코트란 클라이언트가 보낸 요청의 처리 상태를 응답에서 알려주는 기능 1xx (informational) - 요청 진행중 2xx(Successful) - 성공 200 OK- 요청 성공 201 Created- 요청이 성공해서 서버쪽에 새로운 리소스 생성 202 Accepted - 요청이 접수되었으나 처리가 완료되지 않음 204 No Content - 서버가 요청을 성공적으로 수행했지만, 응답 페이로드 본문에 보낼 데이터 없음 ex) 웹 문서 편집기에서 save 버튼 => save 버튼을 눌러도 같은 화면을 유지해야 한다. 3xx(Redirection)- 요청을 완료하려면 추가적인 행동이 필요한 상태코드 리다이렉션 자동 리다이렉트 흐름 ex) - 이벤트를 진행하는데 기존 이벤트 페이지를 /event를 안쓰..
-
innerHTML을 왜 지양해야 하는가?WHY? 2022. 8. 11. 22:40
1. xss공격에 취약함 1.1 xss란(Cross-Site Scripting) XSS는 Cross-Site Scripting의 약자로 웹 서비스에 Javascript 등 스크립트를 실행할 수 있는 코드를 삽입하여 다른 사용자 등에게 공격자가 의도한 스크립트를 실행하게 하는 공격 방법입니다. 1.2공격 종류 및 방법 1.2.1 Persistent(or Stored) XSS Persistent XSS는 지속적으로 피해를 입히는 XSS공격입니다. 주로 게시판같이 사용자가 입력한 값이 데이터베이스에 저장 되는 곳에 발생을 하며, 데이터베이스에 저장된 XSS 악성 스트립트는 사용자가 게시글을 읽으면 코드가 작동되어 쿠키를 탈취당하거나 다른 사이트로 리다이렉트 되는 공격을 받습니다. 1.2.2 Reflected ..