본문 바로가기

프로그래머스 풀스택 데브코스/데브코스 TIL

 (59)
웹 풀사이클 데브코스 TIL 11일차 오늘은 어제있었던 과제의 피드백 시간이었다. 첫번째 과제 피드백 포트폴리오 과제에 대해서 피드백하면서 다른분들의 과제를 볼 일이 있었는데 솔직히 좀 놀랐다. 간단하게만 꾸며서 오실줄 알았는데 많은 분들이 정말 화려하게 디자인 해오셨던것 같다. 나도 좀 더 시간을 썼어야 좋았을까 싶지만 역시 디자인쪽은 문외한이라서.. 포트폴리오 작성이나 블로그를 어떤 방향으로 하면 좋을지에 대한 어드바이스도 많이 해주셨다. 가장 와닿고 실천하기도 괜찮아 보였던 것은 트러블 슈팅에 관한 글들을 쓰는 것이라 생각한다. 코딩하다가 안되던 문제가 해결되면 그냥 넘어가는 경우가 많은데 그것 보다는 어떤 오류가 어떻게 해결되었는지에 대해 적어두는 것이 중요하다고 느꼈다. 두번째 과제 피드백 데이터베이스 과제는 사실 따로 정답이라는 ..
웹 풀사이클 데브코스 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에 표시되는 결과가 차..

티스토리툴바