반응형

전체 글 242

CSS 기초 / SASS / 반응형 웹 기초

HTML : 웹 문서의 콘텐츠를 구성하는 언어 CSS: 웹 문서의 콘텐츠를 꾸며주는 언어 - CSS ( Cascading Style Sheets ) 선택자 { 속성명: 속성값; } ex) p { color: red; } 적용방식 1. 인라인 스타일: 태그에 직접 기술 2. 스타일 태그: 스타일시트를 위한 태그를 추가하여 기술 3. 문서 간의 연결: 스타일시트 문서를 따로 작성하여 HTML 문서와 연결 인라인 스타일 /* 스타일 태그 */ // 문서 간의 연결 - 선택자 전체 선택자 * { color: blue; } 태그 선택자 or 유형 선택자 p { color: blue; } 클래스 선택자 .text { color: blue; } 아이디 선택자 #topic { color: blue; } 그룹 선택자 h..

IT/Etc 2024.04.07

vscode - ruby / jekyll 사용기(깃블로그 개발환경 잡기)

내 컴퓨터에 개발언어/환경을 installer 같은 것으로 설치되는 것을 싫어해서.. vscode 내에서 ruby 환경을 잡고, jekyll로 깃블로그 개발환경을 잡을 수 없을까 하는 생각에서 출발하였다. 1. ruby 바이너리(zip) 파일 받기 - 다행스럽게도 installer zip 파일을 있다. Downloads (rubyinstaller.org) Downloads Which version to download? If you don’t know what version to install and you’re getting started with Ruby, we recommend that you use the Ruby+Devkit 3.2.X (x64) installer. It provides the ..

IT/Etc 2024.04.03

docker compose - jenkins, github 연동

이전 포스팅에 nginx 설치 및 설정에 이어서 진행된 내용입니다. docker compose - nginx 설치 및 설정 (tistory.com) docker compose - nginx 설치 및 설정 이전 포스팅의 aws ec2 인스턴스 생성에 이어서 진행된 내용입니다. AWS EC2 인스턴스 생성 및 트러블 슈팅 (tistory.com) AWS EC2 인스턴스 생성 및 트러블 슈팅 1. EC2 인스턴스 생성 AWS 가입 후 무료 사용 sangjjang.tistory.com - docker-compose.yml #version: '2' name: jenkins services: jenkins: image: jenkins/jenkins container_name: jenkins environment: ..

IT/WSL 2024.03.31

[매매일지] 2024.03.25(월)~29(금) - 그린리소스, 한화시스템, 현대로템, 이수페타시스, 삼일제약 / 3월 결산 / 키움증권 국내 정규전

해당 정보는 개인이 작성한 참조 및 매매일지일 뿐입니다. 투자에 대한 결정은 투자자 본인의 몫입니다. 작성된 종목의 가격 등락에 대해 본 블로그는 책임지지 않습니다. 그린리소스 [뉴스] 2024.03.15 08:22 - 한투증권 "그린리소스, 올해 높은 매출 확장성 전망" (naver.com) [매수이유] . [평가] 저번 주 남은 물량을 가지고, 마이너스 상태에서 평단을 낮추기 위해서 몇 번 사고팔았다. 그리고 가망 없겠다 싶어서, 종가에 전량 매도 처리했다. 그래서 계좌 수익이 마이너스로 돌아섰다. 아.. 뉴스에 한투증권.. 미덥지 못하다. 한화시스템 [뉴스] 2024.03.27 16:29 - 한화시스템, 한국항공우주와 1639억 규모 공급계약 체결 (naver.com) [매수이유] 방산 및 우주 관..

docker compose - nginx 설치 및 설정

이전 포스팅의 aws ec2 인스턴스 생성에 이어서 진행된 내용입니다. AWS EC2 인스턴스 생성 및 트러블 슈팅 (tistory.com) AWS EC2 인스턴스 생성 및 트러블 슈팅 1. EC2 인스턴스 생성 AWS 가입 후 무료 사용 1년으로 EC2 인스턴스를 생성하였다. 메뉴: 서비스 - 컴퓨팅 - EC2 - 애플리케이션 및 OS 이미지 Ubuntu 나머지는 기본. - 키 페어 ssh 접속을 위해서 키 페어를 sangjjang.tistory.com - docker-compose.yml 작성 #version: '3.8' name: nginx services: nginx: image: nginx container_name: nginx # 사용할 컨테이너 이름 environment: - TZ=Asia/..

IT/WSL 2024.03.30

AWS EC2 인스턴스 생성 및 트러블 슈팅

1. EC2 인스턴스 생성 AWS 가입 후 무료 사용 1년으로 EC2 인스턴스를 생성하였다. 메뉴: 서비스 - 컴퓨팅 - EC2 - 애플리케이션 및 OS 이미지 Ubuntu 나머지는 기본. - 키 페어 ssh 접속을 위해서 키 페어를 통해서 pem 파일을 다운로드한다. 보안 그룹 생성으로 체크하고, - 스토리지 구성 프리 티어는 최대 30GB까지 사용할 수 있어, 30GB로 설정했다. 새로고침을 누르면 인스턴스 생성된 것을 확인한다. - EC2 인스턴스 생성 후 기본 핵심 메뉴 1. 보안 그룹 기본 보안 그룹의 default 그룹이 하나 있고, 인스턴스 생성하면서 만들어진 그룹이 하나 더 보이게 된다. 인바운드 규칙/아웃바운드 규칙으로 접속 제어를 할 수 있다. 일단, 기본적으로 ssh 접속이 될 수 있..

IT/WSL 2024.03.30

[리뷰] 싱글 인 서울

오랜만에 싱글싱글한 영화를 본 거 같다. 나도 모르게 웃음이 나오는 영화 몇 년 만인가..? 반갑게 영상 속에서 만난 무라카미 하루키의 상실의 시대 또한, 어린 시절에 나를 떠올리게 하였다. 그렇게 달달하지도 않으면서, 그렇게 애틋하지도 않으면서, 세대를 떠난 애정의 풋풋함이 느껴지는 영화라고 표현하고 싶다. 싱글인서울 메인 예고편 누군가를 위한 누군가가 되지 말고, 나 자신이 되어라.

잡다한 2024.03.24

vue-router 사용

- vue-router install npm install vue-router 해당 폴더, 프로젝트에 package.json에 dependencies가 추가된다. - main.js import { createApp } from 'vue' import router from '@/router' import App from './App.vue' const app = createApp(App) app.use(router) app.mount('#app') 참조. @는 src 폴더를 가리킨다. - router 폴더 생성 후 index.js 파일 생성 import { createRouter, createMemoryHistory } from 'vue-router' import HelloWorld from '@/comp..

IT/Script 2024.03.24

git / github 연동

- 깃 초기화 해당 폴더(프로젝트폴더)에 .git 폴더를 생성한다. git init - 원격지 추가 origin 이라는 이름으로 원격 리파지토리를 추가한다. git remote add origin [repository_url] 깃 초기화 후 원격 리파지토리를 추가하려면, 해당 폴더(프로젝트폴더)에 대해 추가되어야 한다. git config --global --add safe.directory [해당폴더] - 브랜치를 main 로 변경한다. 깃허브의 리파지토리를 생성하면 기본 브랜치는 main이다. git branch -M main - 해당 폴더의 모든 소스를 추가한다. git add -A - 추가된 소스를 깃에 커밋한다. git commit -m ‘커밋메시지’ 처음 커밋하게 되면, 당신은 누구냐라고 물어..

IT/Git 2024.03.24

Vue 프로젝트 생성, 실행

- vue 설치 npm install -g @vue/cli vue2 or vue3 설치 중 선택하라고 한다. vue3 최신버전으로 선택. - 프로젝트 만들기 vue create [프로젝트명] - VSCode에 프로젝트 열기 File - Open Folder... 선택 후 프로젝트 폴더 선택해서 열면 끝. 아.. 그리고 마지막으로.. - 메뉴 View - Open View... 선택하고, NPM Scripts 하나는 열어주자. 그러면, 하단에 package.json 스크립트를 실행할 수 있는 영역이 표시된다. serve - run을 클릭해서 실행하면 서버가 실행되고, 기본 vue 화면을 확인할 수 있다. 끝.

IT/Script 2024.03.23
반응형