일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 | 29 |
30 | 31 |
- Linux
- pyvenv.cfg
- html
- python
- AI
- 리눅스
- java
- 웹프로그래밍
- css
- 프로그래밍
- django-debug-toolbar
- Design Pattern
- csrf_token
- 백엔드
- 파이토치
- Django
- MySQL
- pytorch
- 인공지능
- 데이터베이스
- 파이썬
- 디자인 패턴
- 웹서버
- 오류
- javascript
- DB
- 디자인패턴
- vscode
- 개발환경
- 프론트엔드
- Today
- Total
목록분류 전체보기 (46)
Shong Studio의 정보 창고
리눅스 마스터 1급 1차 시험 후기 및 공부 방법 공유시험 개요제2501회 리눅스 마스터 1급 시험을 치르고 왔습니다.가답안은 3일 후 공개 예정이라 결과를 확정할 수는 없지만, 예상해보면 무난하게 합격할 것 같습니다. 다만, 1 Part에서 암기하지 않은 애매한 문제들이 많아 과락 가능성이 살짝 걱정되네요. 하지만 2, 3 Part는 비교적 수월하게 풀었기 때문에 결과를 기다려보려 합니다.공부 기간 및 방법저는 12월 17일부터 3월 8일(시험 당일)까지 약 12주 동안 공부했습니다. 직장 생활과 병행하며 퇴근 후 1~2시간, 주말을 활용해 학습했습니다.📌 리눅스 관련 사전 지식간단한 명령어(cd, cp, mv 등), 소유권, 접근 권한 등의 기본 개념만 아는 SW 프로그래머였습니다.📌 리눅스 마스..
1. 패키지 설치할 때 yum, apt, dnf 등을 사용할 수 있는데yum은 CentOS나 Red Hat 계열_의 패키지 도구이다.만약 Ubuntu나 Debian계열을 사용한다면 apt나 dnf를 통해서 설치를 진행해야한다.2. oh my zsh 설정 참고 사이트https://log4cat.tistory.com/5
원하는 경로로 가서 "code ." + Enter하면 Vscode가 실행됩니다.

"리눅스 환경 구축 - WSL2" 튜토리얼을 위해 다음과 같은 단계별 가이드를 제공하겠습니다.1. WSL2란 무엇인가요?WSL2 (Windows Subsystem for Linux 2)는 Windows 10/11에서 리눅스 배포판을 실행할 수 있도록 하는 기능으로, 개발자들이 리눅스 커널을 사용하여 보다 원활한 리눅스 환경을 경험할 수 있습니다.2. WSL2의 특징리눅스 커널 사용: WSL2는 실제 리눅스 커널을 사용하여 시스템 호출 호환성과 성능을 개선합니다.빠른 파일 시스템 성능: WSL1에 비해 파일 IO 성능이 대폭 향상되었습니다.가상 머신 기반: 경량 VM을 사용하지만 여전히 리소스 효율적입니다.3. WSL2 설치 전 준비 사항Windows 10 (버전 2004 이상) 또는 Windows 11최..

Abstract Factory제품의 군을 생성하기 위한 인터페이스 여러 Product Interface들의 조합을 하나의 kit로 이용될 수 있다면 Factory interface에 한 곳에 정의하여 각각의 Product를 Create하는 Concrete Factory(제품군)을 정의할 수 있다. 위 그림의 4번째 문장이 단점이 되겠습니다.생각을 해보면 Factory에서 생성하는 제품들의 기능이 추가되어야 할 때 Interface로 하나의 create abstract function이 생성될텐데 그러면 해당 Factory를 상속받고 있는 모든 제품들이 전부 수정되어야합니다. ( 비용 증가) 그래서 우리는 무조건 Abstract Factory Pattern을 이용하면 안되고, 만들고자 하는 Factory의..
CSS의 opacity 속성은 요소의 투명도를 설정하는 데 사용됩니다. 값은 0부터 1까지의 숫자로, 0은 완전히 투명함을 의미하고, 1은 완전히 불투명함을 의미합니다. 중간값을 사용하면 요소가 반투명하게 표시됩니다.opacity의 특징값 범위: 0 → 완전히 투명1 → 완전히 불투명0.5 → 50% 투명 (반투명)영향 범위: 요소 자체뿐만 아니라 그 요소 안의 모든 자식 요소에도 적용됩니다.요소의 투명도를 조절하여 시각적인 효과를 주거나 강조하고자 하는 내용을 돋보이게 하는 데 유용합니다.예시완전히 불투명한 요소 (opacity: 1) 이 요소는 완전히 불투명합니다 (opacity: 1).반투명한 요소 (opacity: 0.5) 이 요소는 반투명합니다 (opacity: 0.5).거의 투명한 요소 (..
CSS에서 display 속성은 요소가 웹 페이지 내에서 어떻게 배치되고 표시될지 결정하는 데 사용됩니다. 여러 종류의 display 값들이 있으며, 가장 많이 사용되는 값들의 특징과 활용 예시는 다음과 같습니다.1. block특징: 요소가 "블록"처럼 작동하여, 가로 전체를 차지합니다.다음 요소는 새로운 줄에서 시작됩니다.대표적인 블록 요소: , , 등.예시:Block 요소새로운 줄에 표시되는 블록 요소2. inline특징:요소가 "인라인"으로 작동하여, 내용물만큼의 가로 너비를 차지합니다.다른 요소들과 한 줄에 배치됩니다.대표적인 인라인 요소: , , 등.예시:Inline 요소옆에 붙어있는 또 다른 인라인 요소3. inline-block특징: inline과 block의 특성을 모두 가지고 있습니다..
CSS에서 overflow는 요소의 내용이 해당 요소의 크기보다 클 때, 그 내용을 어떻게 처리할지를 결정하는 속성입니다. 이 속성에는 hidden, visible, scroll, auto 네 가지 값이 있으며 각각의 기능은 다음과 같습니다:visible: 기본값으로 설정되어 있습니다.요소의 크기보다 내용이 더 커지면 요소 밖으로 내용이 넘치게 됩니다. 그래서 "넘쳐 보이는" 상태가 됩니다.추가적인 스크롤바나 숨겨짐이 없습니다.hidden:요소의 크기보다 내용이 넘칠 경우, 넘치는 부분은 보이지 않게 됩니다.요소 내부의 내용이 잘리지만 스크롤바는 표시되지 않습니다.잘려도 괜찮거나 요소 크기에 딱 맞게 내용을 표시하고 싶을 때 사용됩니다.scroll:내용이 요소의 크기를 넘어가면 스크롤바가 항상 표시됩니다..
CSS 박스 모델CSS 박스 모델은 웹 페이지의 요소를 배치하고 공간을 조절하는 데 중요한 역할을 합니다. 이 모델은 요소의 width, height, padding, border, margin을 모두 포함하여 요소의 전체 크기와 위치를 결정합니다.1. Width와 Heightwidth, height는 요소의 너비와 높이를 설정하는 속성입니다.기본값: auto로 설정되어 있으며, 브라우저가 너비와 높이를 자동으로 계산합니다.width: auto; → 부모 요소의 너비에 맞춰 자동으로 늘어납니다.height: auto; → 포함된 콘텐츠 크기에 따라 자동으로 줄어듭니다.단위: px (픽셀), em, vw (뷰포트 너비의 백분율) 등 다양한 단위로 지정할 수 있습니다.2. Max-Width/Height와 M..
자주 사용되는 속성width: 요소의 너비를 지정합니다.height: 요소의 높이를 지정합니다.background-color: 요소의 배경 색상을 지정합니다.transition: 전환 효과를 적용할 때 사용합니다. (예: transition: 1s;)display: 요소의 디스플레이 유형을 지정합니다. (예: display: block;은 inline 요소를 block 요소로 전환)position: 요소의 위치를 지정합니다. (예: position: fixed;는 화면의 viewport를 기준으로 배치)가상 클래스 선택자선택자 뒤에 :을 사용하여 가상 클래스 선택자를 지정합니다.hover: 선택자 요소에 마우스 커서가 올라가 있는 동안 선택.active: 선택자 요소를 클릭하고 있는 동안 선택.focus..