728x90
반응형

CS 17

Web 구성에 대한 기초 지식 (HTML, CSS, Javascript)

Web 구성에 대한 기초 지식 (HTML, CSS, Javascript) 오늘은 Naver의 과거 N드라이브, 현 MYBOX를 정리하려고 한다. 2017년에 처음 웹을 공부했던 자료들이 담겨 있었는데 공부했던 파일은 삭제하고 블로그 포트폴리오로 넣기 위해 작성한다. 내용은 조금씩 수정을 하면서 작성했다. 예를 들면 2017년 당시에는 VS CODE가 핫한 텍스트 에디터였나? 싶은데 지금은 핫한 텍스트 에디터이기 때문에 다른 에디터 내용을 빼고 VS CODE를 언급한다던지 등의 내용 수정은 있을 것이다. Web에 대한 기초 지식 사용자가 마주하는 웹은 보통 다음과 같은 기술로 구성되어 있다. 웹의 3요소 HTML, CSS, Javascript 1. HTML : Hyper Text Markup Languag..

CS/Web 2023.04.24

[git] 윈도우에서 git 버전 확인 및 git 버전 업데이트 | git update

[git] 윈도우에서 git 버전 확인 및 git 버전 업데이트 | git update 알아볼 내용 1. 깃 버전 확인 명령어 2. 깃 버전 업데이트 명령어 오늘은 git 버전 확인하는 방법과 버전 업데이트를 하는 방법에 대해서 알아보겠습니다. 1. 깃 버전 확인 명령어 > git --version 다음은 윈도우에서 git 버전 업데이트 명령어입니다. 2. 깃 버전 업데이트 명령어 > git update-git-for-windows git 버전 업데이트 후에 버전 확인한 결과입니다. 좋아요, 구독, 광고 클릭은 큰 힘이 됩니다! :)

CS/git 2022.06.09

[HTML] table 태그 구조 (table, thead, tfbody, tfoot, tr, th, td, caption)

[HTML] table 태그 구조 (table, thead, tbody, tfoot, tr, th, td, caption) 웹 사이트에 표를 나타내고 싶을 때 table 태그를 사용해 작성한다. 표를 만들 때 사용하는 table태그와 관련 있는 태그들을 보면 다음과 같다. table : 표의 시작과 끝 caption : 표 제목 thead : 표의 최상단 영역 tbody : 표의 최상단, 최하단 영역을 제외한 가운데 영역 tfoot : 표의 최하단 영역 tr : 테이블의 row, 행을 구분하는 태그 th : 테이블의 헤더 데이터를 나타낼 때 사용 (ex : 열의 제목을 표시할 때 주로 사용) td : 테이블의 row에서 cell를 구분하는 태그로 사용된다. (table data) 코드 테이블구조 No t..

CS/Web 2022.03.29

REST, RESTful

REST, RESTful REST Architectrue에 대해 공부한 내용을 기록한 글입니다. REST Architectrue - HTTP Web Service - RESTful API Web Service 1. REST & SOAP & HTTP 2. HTTP Web Service의 개요와 RESTful Web Service란 무엇인가 3. REST란? 1. REST & SOAP & HTTP # REST와 SOAP의 차이점 - SOAP : 공식 표준의 웹 통신 방식으로 XML 방식으로 DATA를 교환한다. - REST : 사실상 표준(2000년), 보편적으로 사용되는 웹 통신 방식으로 JSON 방식으로 DATA를 교환한다. 둘 다 HTTP PROTOCOL을 사용한다는 공통점이 있다. # HTTP req..

CS 2022.03.04

[소프트웨어 공학] Software Engineering 1

[소프트웨어 공학] Software Engineering 1 학교에서 컴퓨터공학을 전공으로 공부할 때 각 과목별로 학습한 내용을 Github에 올려두곤 했었는데, Github에 너무 많은 Repository가 쌓여서 중요하지 않은 Repository를 삭제하기 위해 관련 내용을 블로그로 옮기는 작업을 하려고 합니다. Github 자체를 블로그로 만들지 않았기 때문에 Tistory로 옮기고 있습니다. 소프트웨어 공학에 대한 내용을 정리하고자 이 글을 작성합니다. # 소프트웨어 공학 학습 목차 1. 소프트웨어 2. 소프트웨어 위기 3. 소프트웨어 프로젝트 4. 소프트웨어 개발 모형 5. 소프트웨어 개발에 영향을 미치는 요소 1. 소프트웨어 소프트웨어란(Software)? 프로그램, 프로그램을 설치, 운용, ..

CS 2022.02.18

[Github] Delete Repository 깃허브 레포지토리 삭제하기

[Github] Delete Repository 깃허브 레포지토리 삭제하기 안녕하세요. 이번 글은 깃허브 레포지토리 삭제하는 방법을 공유하고자 글을 쓰게 되었습니다. 먼저 깃허브에 로그인을 하시게 되면 다음과 같이 리포지토리 목록을 볼 수 있습니다. 저한테는 왼쪽에 보이는 것과 같이 불필요한 리포지토리도 많은데요. 여기서 리포지토리 선택해서 삭제하려고 합니다. 삭제하려고 하는 레포지토리를 선택합니다. 레포지토리를 하나 선택하면 다음과 같은 화면이 나타나는데요. 여기서 상단 메뉴 중 Settings를 선택합니다. Settings 페이지 제일 아래에 DangerZone에 Delete this repository로 안내되어있고, 버튼[Delete this repository]을 클릭합니다. 레포지토리 이름을 ..

CS/git 2022.02.16

리눅스 우분투에서 모든 프로세스 보기 | ps -ef

리눅스 우분투에서 모든 프로세스 보기 | ps -ef 명령어 (급하신 분) $ ps -ef 리눅스 우분투에서 모든 프로세스를 보는 명령어는 보통 다음 4가지로 사용됩니다 모든 프로세스 보기 명령어 $ ps -e $ ps -ef $ ps -eF $ ps -ely . 그 중에서 $ ps -ef 를 많이 쓰는 것 같습니다. 그리고 찾고자 하는 특정 프로세스가 있다면 파이프(|) grep 을 사용해 해당 프로세스를 찾아볼 수도 있습니다. 이전에 실행시켜 놓았던 프로세스가 ps, jobs 명령어를 통해 확인되지 않을 때 확인할 수 있을 것입니다. 저는 이전에 java 프로세스를 실행시켜두었는데 ps, jobs 명령어로 검색이 안돼서 전체 프로세스를 검색해서 이전에 실행해둔 프로세스를 찾을 수 있었습니다. 해당 프..

CS/Linux 2022.02.06

리눅스 우분투 방화벽 포트 열기 (feat. iptables)

리눅스 우분투 방화벽 포트 열기 (feat. iptables) 도움이 되셨다면 광고 한 번 클릭 부탁드립니다. 한 번의 클릭이 제게 큰 힘이 된답니다!^^ IP 패킷, 포트 접근 권한을 관리하는 명령어 iptables에 대해 알아보겠습니다. # iptables 기본 출력 $ sudo iptables -L # iptables 기본 출력 + IP 주소 & 포트 번호들을 숫자 형식으로 출력 $ sudo iptables -nL # iptables 규칙 리스트를 출력 $ sudo iptables -S # iptables 특정 포트 접근 허용하기 (규칙 추가하기) $ sudo iptables -I INPUT 1 -p tcp --dport 8080 -j ACCEPT # iptables 특정 포트 접근 허용했던 것 막..

CS/Linux 2022.02.06

리눅스 우분투에서 war 파일 실행하기

리눅스 우분투에서 war 파일 실행하기 도움이 되셨다면 광고 한 번 클릭 부탁드립니다. 한 번의 클릭이 제게 큰 힘이 됩니다. :) 이번 글은 제가 만들어 놓은 Spring Boot 서버를 돌리기 위한 war파일이 있는데, 이 war 파일을 리눅스 우분투에 넣어서 실행하기 위한 과정을 기록한 글입니다. # 배포하기 위한 war파일 준비 PC를 사용하고 있어서 윈도우 환경에서 개발 및 war 파일을 만들었다. 이 파일을 배포 및 서버를 돌리기 위해 파일을 옮겨야 한다. 일단 서버는 무료 클라우드의 free tier를 사용하다 보니 용량과 메모리 등이 부족해서 CI/CD를 직접 구현하다가 실패했었다. 젠킨스를 설정하는 과정에서 메모리가 부족했다. 그리고 위 작업은 git으로 관리하지도 않았어서 일단 scp로..

CS/Linux 2022.02.06

리눅스 우분투 현재 OS 버전 확인하기

리눅스 우분투 현재 OS 버전 확인하기 명령어 (급한 분) cat /etc/issue 리눅스 우분투의 현재 OS 버전을 확인하는 명령어를 알아보겠습니다. (짧은 글 입니다.) 다른 리눅스 버전에서 해당 명령어를 사용해보진 않았습니다. # OS버전에 대한 정보 확인하기 ■ 현재 리눅스 우분투 OS 버전 확인하기 (※ OS, Operation System 운영체제) ubuntu@instance-20211016-0038:~$ cat /etc/issue Ubuntu 20.04.3 LTS \n \l 실행결과 저는 현재 우분투 20.04.3 LTS 버전을 사용하고 있는 것으로 확인됩니다. ㅎㅎ 리눅스 우분투의 현재 OS 버전 확인하는 방법에 대해 알아보았습니다. 짧은 글 읽어주셔서 감사합니다.^^

CS/Linux 2022.02.06
728x90
반응형