본문 바로가기

til

 (58)
웹 풀사이클 데브코스 TIL 10일차 오늘은 모든 수업이 실시간 수업으로 진행되었고 과제에 대한 설명과 과제를 직접 하는 시간으로 이루어졌다. 첫번째 시간이라 과제들은 모두 팀 과제로 이루어졌다. 첫번째 과제 첫번째 과제는 지금까지 배웠던 HTML과 CSS 지식을 활용해서 나만의 포트폴리오 사이트 만들기었다. 포트폴리오 사이트를 만들고 이것을 Git과 Github를 활용해 깃허브 레포지토리로 배포한다. 그 후 Github pages라는 서비스를 이용해 배포까지 하면 첫번째 과제는 완료가 된다. 어려웠던 점 과제 내용이 간단해서 과제를 하는데에 큰 어려움은 없었지만 배포하는데 약간 문제가 있었다. 깃허브 페이지를 하려면 깃허브 레포지토리 이름을 {계정 아이디}.github.io 와 같은 방식으로 해야하고 각 계정당 한개의 페이지만 배포할 수 ..
웹 풀사이클 데브코스 TIL 9일차 데이터베이스 데이터를 통합하여 효율적으로 관리하기 위한 데이터 집합체 DBMS DataBase Management System 주요회사: 오라클, MySQL, MariaDB SQL Structured Query Language 데이터베이스에 연산을 요청하기 위해 사용되는 언어. 생성, 조회, 수정, 삭제 등의 기능 Docker OS 위에서 도커를 한층 쌓고 각각의 컨테이너를 제공해서 그 안에 어플리케이션을 넣어서 사용한다. 마리아 디비 당겨오기 docker pull mariadb 마리아 디비 설정 docker run --name mariadb -d -p 3306:3306 --restart=always -e MYSQL_ROOT_PASSWORD=root mariadb 마리아 디비가 있는 컨테이너 접속 doc..
웹 풀사이클 데브코스 TIL 8일차 HTML 태그들 태그 테이블 행들의 이름을 표시하는 태그 행 열 문단을 나타내는 태그 백엔드 백엔드는 웹 서버, 웹 어플리케이션 서버, 데이터베이스 등을 모두 포함한다. 웹서버(Web Server): 정적 페이지에 대해 대응. 화면의 변동이 없는 페이지 웹 어플리케이션 서버(WAS): 동적 페이지에 대응. 데이터의 처리/연산을 통해 화면이 변하는 페이지. 데이터베이스: CRUD 연산을 수행함 Node.js 자바스크립트를 사용해 백엔드를 구현할 수 있는 플랫폼. 웹 어플리케이션과 웹 서버의 역할을 할 수 있다. 또한 데이터베이스와도 통신할 수 있다. Node.js의 기본구조 let http = require('http'); // node js 가 가지고 있는 모듈 function onRequest(requ..
웹 풀사이클 데브코스 TIL 7일차 CSS Cascading Style Sheets 인라인 방식: HTML 태그 안에 작성 내부 스타일 시트: HTML 문서 안에 같이 작성 외부 스타일 시트: HTML 문서 밖에 작성하고 연결 HTML 태그를 엘리먼트라고 한다. 인라인 방식 각각의 HTML 태그안에 Style 속성에 css를 적어둔다. 내부 스타일 시트 HEAD 태그 안에 Style 태그안에 다 써놓는다. 태그 클래스 (.) ID (#) 로 태그를 선택하고 css를 적용한다. 외부 스타일 시트 HTML과 CSS 파일을 분리시킨다. .css 파일을 만들고 와 같은 방식으로 연결시켜준다. HTML 주석 다는법: CSS 주석 다는법: /* */ 자바스크립트 HTML의 특정 요소를 선택하여 제어할 수 있는 스크립트 언어 인라인: 사용자와의 상호작..
웹 풀사이클 데브코스 TIL 6일차 웹의 이해 인터넷 전 세계의 모든 컴퓨터를 하나의 통신망에서 연결한다. International Network 의 약자 웹과는 다른 의미 웹 월드 와이드 웹(World Wide Web) 인터넷에 연결된 컴퓨터를 통해 사람들이 정보를 공유할 수 있는 공간 인터넷이 있기에 웹이 존재한다 웹의 시작 1980년대 CERN에서 컴퓨터과학자인 팀 버너스 리에 의해 탄생. 연구원들 간 신속한 정보교환을 위해 만들었다. 최초의 웹사이트 http://info.cern.ch 세계 최초의 웹 웹의 특징 정보를 하이퍼텍스트 형식으로 표현하여, 하이퍼텍스트(링크)를 따라 이동하며 다양한 정보/문서들을 연결, 제공한다. 웹 페이지와 웹 사이트 웹 페이지는 페이지 하나하나 웹 페이지 하나하나를 엮어서 만든것이 웹 사이트 웹 페이지..
웹 풀사이클 데브코스 TIL 5일차 깃 브랜치 이름 규칙 원래는 master라는 이름을 썼었음 하지만 이름이 main으로 바뀌었음 언제 복사를 하나? 기능 개발: feature/login, feature/select-product 출시 준비: release-1.3, release-1.4 긴급 수정: hotfix-1.2.1 브랜치 삭제 git branch -d {브랜치 이름} 브랜치는 커밋해야 그때부터 브랜치 브랜치를 커밋해야 그때부터 적용된다. 하나의 개발툴안에서 브랜치 왔다갔다 하다 커밋할 때 어느 브랜치에 있는지 꼭 확인해야함 git branch -r remote에 있는 브랜치가 뭐가 있나 알려주는 명령어 git branch 이해 위 사진을 예시로 설명해보자면 origin 깃허브 레포지토리의 main, 로컬 main, 로컬 featur..
웹 풀사이클 데브코스 TIL 4일차 gitHub Token 깃허브에 사용하는 보안토큰 패스워드를 요구한다면 이것을 입력해야한다. 나의 경우에는 이유는 잘 모르겠지만 따로 패스워드를 요구받지는 않았기때문에 참고만 하였다. Clone 명령어 git clone {레포지토리 주소} 깃허브에 이미 있는 레포지토리를 끌어오는 명령어, 명령어 하나로 레포지토리와 연결과 복제가 한번에 이루어진다. Pull 명령어 git pull {레포지토리 별칭} {브렌치 이름} 깃허브 레포지토리에 업데이트된 코드가 있으면 로컬로 가져와준다. Remote remove 명령어 git remote remove {레포지토리 별칭} 로컬에 연동된 레포지토리를 삭제한다. Git clone 할 때 주의사항 CLI와 GUI에서 클론해올때 결과는 똑같지만 IDE에 표시되는 결과가 차..
웹 풀사이클 데브코스 TIL 3일차 Git 명령어 init: 해당 폴더를 git 저장소로 만듦 status: git의 상태를 알려줌 add {파일명}: git init을 한다고 모든 파일을 트래킹 하지 않는다. 어느 파일을 트래킹 할지 정하는 명령어 Commit 명령어 사용법: 터미널에서 vim 에디터로 커밋 메시지를 작성 {c} 두번 눌러서 수정하고 {:} 누른 후 wq로 에디터 닫으면 커밋이 됨 설명: 트래킹 하는 파일들을 버전으로 저장 log 명령어 커밋 로그를 찍어주는 명령어 버전들을 확인할 수 있다. Git GUI 대부분의 에디터나 IDE들은 GUI 형태로 git 명령어를 사용할 수 있게 제공함. Github 서버 컴퓨터를 통해 깃을 사용 마이크로소프트에서 무료로 기능을 풀었음 오픈소스 프로젝트 깃허브 레포지토리 연결시키기 git..

티스토리툴바