본문 바로가기

전체 글

 (347)
프로그래머스 데브코스 10일차 with. TS 웹 풀스택 📚요약 지난 시간 Node.js를 활용해 웹 서버를 만드는 방법에 대해 알아봤습니다. 이번 시간에는 Docker를 활용해 mariadb를 설치합니다. 설치된 데이터베이스와 Node.js를 연결하고 페이지에서 요청하고 응답까지 받아보겠습니다. 📖DB와 DBMS DB는 데이터를 통합해 효율적인 관리를 위한 데이터의 집합체라고 지난 시간에 배웠습니다. 여러 사람이 공유하고 사용하고, 중복을 없애고 고도로 구조화시켜 검색과 갱신의 효율화하는 목적이 있습니다. 데이터베이스 내의 데이터를 접근할 수 있도록 도와주는 것이 데이터베이스 관리 시스템(DataBase Management System, DBMS) 입니다. Oracle, MYSQL, MariaDB 등 다양한 브랜드들이 존재합니다. 📖Docker 활용 Mari..
프로그래머스 데브코스 9일차 with. TS 웹 풀스택 📚요약 지난 시간 HTML, CSS, JS를 활용하는 방법을 배웠습니다. 이어서 페이지를 만들어볼 건데 단순하게 화면만 만들어 보겠습니다. 그리고 이어서 Node.js를 활용해 웹서버도 만들어 보겠습니다. 📖페이지 만들어보기(실습) 화면은 테니스 라켓을 파는 시장을 만들어 볼 것입니다. 배운 것들을 활용해 만들어 보시면 됩니다. 기존 강의에서 제공되는 이미지와 코드는 문제가 될 수 있으므로 따로 구한 이미지를 사용하고 코드는 힌트만 제공됩니다. Hint! 화면 이동 HTML tag : div, a, input, h1, p, img, table, th, tr, td CSS 적용을 위한 class 및 id 테니스 라켓 배치 CSS 'display : grid' 글씨 가운데 정렬 CSS 'text-align ..
프로그래머스 데브코스 8일차 with. TS 웹 풀스택 📚요약 지난 시간 HTML을 배우고 실습을 진행했습니다. 이어서 CSS를 사용해 화면을 어떻게 꾸미는지, JS를 사용해 어떻게 동작시킬 것인지에 대해 배우겠습니다. 📖CSS CSS는 Casecading Style Sheet의 약자로 HTML이 웹의 뼈대를 만들었다면, 그 위에 살을 붙여가며 디자인할 수 있는 웹의 구성요소입니다. 자세한 내용은 제 다른 글을 참고해 주시면 감사하겠습니다. CSS를 적용할 수 있는 세 가지 방법(인라인, 내부 스타일 시트, 외부 스타일 시트), CSS를 적용시키기 위한 선택자(Selector)를 통한 요소(element) 접근하기를 중점으로 보시면 좋을 것 같습니다. 🍯tip! HTML, CSS 주석(적어도 실제 코드에는 반영이 되지 않고 주로 설명을 위한 글) 각각 과 /..
프로그래머스 데브코스 7일차 with. TS 웹 풀스택 📚요약 지난 시간에는 협업에 사용하기 좋은 도구들을 소개했었습니다. 이번 시간에는 웹에 대한 이해와 구성 요소와 그중 HTML을 활용해 정말 단순한 웹 페이지를 만들어보겠습니다. 📖웹(World Wide Web) 웹이라고 하면 일반적으로 인터넷과 혼용되어 사용하는 경우가 많습니다. 하지만 둘은 다른 것으로 분명히 차이점이 있습니다. '네트워크의 네트워크'를 구현하여 모든 컴퓨터를 하나의 통신망 안에 연결(Internaional Network)하고자 하는 의도에서 이를 줄여 인터넷(Internet)이라고 명명함. △인터넷-위키백과 인터넷에 연결된 컴퓨터를 통해 사람들이 정보를 공유할 수 있는 전 세계적인 정보 공유 시스템을 간단하게 웹(Web)이라고 부름. HTTP 프로토콜(protocol), 하이퍼텍스트..
프로그래머스 데브코스 2주차 회고 with. TS 웹 풀스택 회고⏲6일차(4.15)<td style="text-al..
프로그래머스 데브코스 5일차 & 1주차 회고 with. TS 웹 풀스택 회고⏲1일차(4/8)알고 있던 내용까먹었던 내용새로 배운 내용- markdown 사용법- Readme의 역할 : 완성된 프로그램의 설명서- 버전 관리 시스템- 프로젝트- Readme의 역할 : 구현중인 프로젝트의 현황수업을 들으니 새로운 느낌과 열심히 해봐야겠다는 마음이 들었다. 2일차 (4/9)알고 있던 내용까먹었던 내용새로 배운 내용- Git과 Github를 사용하는 이유- CLI, GUI- Git 명령어(ls, mkdir, cd, git init 등) 이전에 Git과 오픈 소스에 관한 수업을 들었던 기억이 났지만, 명령어를 사용해 보면서 많이 까먹었고 오픈 소스에 대해서는 기억이 나지 않아서 허탈했다. 3일차 (4/10)알고 있던 내용까먹었던 내용새로 배운 내용- Github 가입- 리포지토리(Re..
프로그래머스 데브코스 4일차 with. TS 웹 풀스택 요약📚 지난 시간에 브랜치에 대해서 알아봤는데 오늘은 브랜치를 생성하고 Github에 올리는 작업을 해보겠습니다. 그 후 브랜치를 사용할 때 많이 나오는 상황에 대한 두 가지 전략을 배우고, 병합과 충돌이라는 개념도 배워보겠습니다. 📖브랜치 전략(이름 규칙, git flow) 브랜치의 이름은 자유롭게 원하는 것으로 작성이 가능합니다. 하지만 협업을 진행하게 되면 통일성이 있는 게 좋습니다. 그래야 사람들이 알아보기 편하기 때문입니다. 회사나 팀에 따라 다양한 규칙을 정하고 작성하게 되는데 한 가지 예시만 보여드리고 넘어가겠습니다. main 브랜치 : 자주 사용되지는 않고 최종적으로 배포하는 버전을 관리하는 브랜치. 해당 브랜치의 버전이 실제 배포되어 사용되는 버전입니다. 기능 개발 : 'feature/기..
프로그래머스 데브코스 3일차 with. TS 웹 풀스택 요약📚 지난 시간에는 로컬 환경에서 Git을 사용하는 방법과 Github에 대해 간단하게 알아봤었습니다. 이번 시간에는 Github와 연결하고 로컬 환경에 있는 파일을 올리는 방법과 올려져 있는 파일을 내려받아 사용하는 방법에 대해 알아보겠습니다. 그리고 브랜치(branch)에 대한 개념과 만드는 방법에 대해 알아보고 마무리 하겠습니다. 📖Github 계정 생성 다들 가입은 많이들 해보셨을거라고 생각합니다. Github 사이트에 들어가서 계정을 만들어줍니다. 가입에 성공했다면 우선 리포지토리를 만들어야 합니다. 리포지토리 생성 화면을 보겠습니다. 📄리포지토리(Repository) 버전 관리 시스템에서 저장소 또는 리포지터리(repository)는 파일이나 디렉터리 구조의 집합을 위해 메타데이터를 저장하는..

티스토리툴바