본문 바로가기

분류 전체보기

 (80)
웹 풀사이클 데브코스 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..
웹 풀사이클 데브코스 TIL 2일차 버전관리시스템의 종류 로컬 VCS: 단순하게 로컬에서 VCS 버전관리(혼자 사용) 중앙집중식 VCS: 중간에 메인컴퓨터를 두고 그곳에 저장한다. 파일을 사용할 것만 가져온다.(협업가능, 충돌가능성) 예) SVN, CVS 분산 VCS: 저장을 내 컴퓨터에도 하고 다른컴퓨터에도 한다. 내 컴퓨터로 프로젝트를 통째로 가져온다.(협업가능, 관리가 쉬워짐) 예) Git, Mercurial, Bazaar Git 분산식 버전 관리 시스템 깃은 로컬에 설치되는 로컬 시스템 깃허브는 깃들이 모일 수 있는 원격 시스템 깃은 내 컴퓨터 안에서 버전관리도 하며 깃허브와 소통 깃허브는 원격컴퓨터에서 백업을 담당하는 시스템, 로컬과 별도의 버전관리 CLI vs GUI 컴퓨터에 명령을 내리는 방식 GUI: Graphic User ..
웹 풀사이클 데브코스 TIL 1일차 프로젝트란? 일정한 기간 안에 일정한 목적을 달성하기 위해 수행하는 업무의 묶음을 말한다. 한마디로 업무의 단위, 묶음이라 할 수 있겠다. 간단한 계산기 프로그램을 만드는것도 프로젝트이고 큰 플랫폼 서비스를 만드는 것도 프로젝트이다. 즉 프로젝트의 범위는 설정하기 나름이다. 개발자의 협업 취준에서의 프로젝트 개인 프로젝트와 팀 프로젝트 모두 비슷하게 인정해주는 상황이나 현업에서는 팀작업이 많기 때문에 여전히 협업 경험은 중요 협업에는 무엇이 있나? 코드 공유 뿐만 아니라, 문서 공유, 진행 척도 공유, 해당부분의 담당자 등등 많은것을 공유하는 것이 중요 ReadMe Readme의 역할은 크게 두가지 이다. 완성된 프로그램의 설명서 구현중인 프로젝트의 현황 txt vs md Md는 특별한 텍스트 단조롭게 ..

티스토리툴바