티스토리

아무거나 다 적는 블로그

검색하기

블로그 홈

아무거나 다 적는 블로그

blog.ggpr.kr/m

Polaris_ 님의 블로그입니다.

구독자: 0

방명록 방문하기

주요 글 목록

[데브코스 웹 풀스택 과정 TIL] 19주차 - 웹에디터 제작 프로젝트 (1) - 설계 요구사항 명세서 (SRS - Software Requirement Specification) 요구사항 명세는 프로젝트에 있어 가장 중요한 것이라 할 수 있겠다. 프로젝트의 목표가 클라이언트의 일련의 요구사항을 만족하는 소프트웨어를 개발하는 것이기 때문이다. 그런데 이 요구사항이 고정된 것이 아니라 여러 이유들로 인해 프로젝트 수행 도중에도 변경될 수 있고, 이에 따라 세부 구현 사항이 바뀔 수 있으며 때에 따라서는 전체 구조를 바꿔야 하는 경우도 생긴다. 또 테스트케이스를 작성할 때에는 클라이언트의 요구사항을 반영해야 하고, 이론상으로는 명세된 요구사항을 전부 반영하는 테스트케이스를 만들어야 한다. 물론 현실적으로는 이렇게 하기는 힘들긴 하다. 여기서 참고할 만한 개발 기법에는 TDD(=Test-Driv.. 공감수 0 댓글수 0 2024. 3. 24.
[회고록] 웹 풀사이클 데브코스 회고 - 24년 1월 새해가 밝은지 얼마 되지 않은 듯한데 벌써 월말이다. 새해 해돋이 보러 양양에 계신 고모댁에 갔다가 날이 흐려서 보려는 해는 못 보고 오는 길에 눈만 실컷 보고 온 게 엊그제 같은데 말이다. 프로젝트 시작! 시작은 좋았지만... 이번달에는 사실상 스프린트 프로젝트가 대부분이었다. 오랜만에 하는 프로젝트여서 그런지 의지와는 달리 몸이 따라주지 않아 진행하기에는 다소 힘들었다. 그래도 최대한 강의의 가이드를 따라 그 내용을 충실하게 반영하고자 했고, 대부분 그렇게 했다. 사실 강의를 듣고 나서 코드를 짜다 보니 결과만 보면 다 듣기는 했어도 그날 진도를 다 빼기에는 시간이 모자라 강의가 조금씩 밀리는 일이 좀 있었다. 그러다 보니 작동에는 문제가 없지만 자잘한 기능이 한두 개씩 미구현하는 일이 생겼다. 위에.. 공감수 0 댓글수 0 2024. 2. 1.
[데브코스 웹 풀스택 과정 TIL] 11주차 - TypeScript 기초 저번주 부로 스프린트 프로젝트가 끝났다. 이 말인즉슨 자바스크립트 파트가 지나고 타입스크립트 파트가 시작된다는 것이다. 또 달리 말하면 블로그에 다시 글을 쓰기 시작했다는 것이다. 연말에 회고록 쓰고 얼마만인지도 모르겠다. 이번 편에는 타입스크립트 자체의 내용보다는 프로그래밍에 관한 내용이 주가 될 예정이다. 컴파일 기반 언어를 이해해야 하는 이유? 타입스크립트라면서 웬 갑자기 컴파일 기반 언어가 나오는가 싶은데 이 둘이 특성이 비슷하기 때문에 그렇다. 일단 설명을 해보면 첫째, 모든 프로그래밍 언어의 동작 원리는 거의 비슷하다. 쉽게 말하면 개념과 문법이 거의 비슷하다는 것이다. 이는 C 나 C++로 짠 코드와 자바스크립트로 짠 코드를 보면 알 수 있다. 전해지는 말 중에 'C언어를 먼저 배우고 나면 .. 공감수 0 댓글수 0 2024. 1. 22.
[회고록] 웹 풀사이클 데브코스 회고 - 23년 12월 벌써 12월도 끝이 보인다. 분명 이 과정을 시작할 때만 해도 11월 중순이었는데 말이다. 벌써 회고록을 2개째 쓰게 될 줄이야. 이번달에 배운 내용들 12월 들어서는 본격적으로 백엔드에 대한 내용을 학습하기 시작했다. 구체적으로는 Node.js와 Express에 대한 내용이다. 강의의 미니 프로젝트를 따라 API를 짜보기도 하고 DB 연동도 해봤으며 간략하게나마 JWT를 배울 수 있는 시간이었다. 그리고 월말 즈음에 들어서는 새로이 도서 정보 API를 설계해 보는 스프린트를 시작했고, 지금도 진행 중이다. 영상 강의로 가이드가 주어지기는 하지만 그대로는 가지 않을 듯하고 약간의 주관이 첨가된 개선된 형태의 코드를 작성할 계획이다. 멘토링과 팀 스터디 또 멘토링이 본격적으로 시작되었다. 주 1회 1시간씩.. 공감수 2 댓글수 0 2023. 12. 31.
[회고록] 웹 풀사이클 데브코스 회고 - 23년 11월 회고록 쓰기에 앞서 11월 회고록을 왜 지금 올리느냐 할 수 있는데, 그 이유인즉슨 변명일 수 있겠지만 TIL을 쓰느라 회고록 올리는 것을 잊어먹었다(...). 이런 일을 겪은 이상 두 번 다시는 이런 상황은 없을 것이다. 데브코스를 듣게 된 것은 이번이 처음이다. 사실 이 코스 외에도 다른 곳을 지원을 한 적이 있었지만 코딩테스트에서 떨어지기도 하고 면접까지는 갔으나 심하게 긴장한 탓에 제대로 답변을 못해서 떨어진 케이스도 있었다. 그렇게 여러 군데에다 넣고 하다 보니 한 것이 거의 없는 상태에서 점점 공백 기간은 길어지고 하여 데브코스 지원 넣는 것을 접고 아무 데라도 취업할까 생각하던 중 이 과정을 발견했다. 그리하여 스스로에게 반신반의하는 상태에서 지원을 넣었고, 천신만고 끝에 이 코스에 붙게 되.. 공감수 0 댓글수 1 2023. 12. 30.
[데브코스 웹 풀스택 과정 TIL] 5주차 - Express.js, Postman 다뤄보기 Postman API를 구성하고 테스트할 때 보통 GET 메서드 말고도 POST, DELETE 등의 다른 메서드를 사용해야 할 일이 생긴다. 그런데 여기서 한 가지 문제가 생기는데, GET 메서드 외 나머지 메서드는 브라우저 주소창에서 주소를 입력하는 것으로는 테스트할 수 없다는 것이다. 나이브한 해결 방법은 테스트 코드를 짜서 테스트하는 방법이 있지만 매번 코드를 짜서 하기에는 난감한 노릇이다. 직관적이지도 않고 때로는 언제 버그가 터질지도 모르고 말이다. 그렇다면 우리에게 필요한 도구는 원하는 URL에 원하는 메서드를 날려줄 수 있는 도구인데, 이때 등장한 도구가 Postman 되시겠다. Postman은 정확하게는 API의 디자인, 빌드, 테스트, 관리를 효율적으로 반복 수행할 수 있는 도구이다. 여.. 공감수 0 댓글수 31 2023. 12. 19.
[데브코스 웹 풀스택 과정 TIL] 4주차 - REST API, Node.js, 그리고 Express.js 이번 글부터는 주 단위로 정리할 예정이다. 일 단위로 적으려 했는데 솔직히 매일 적기에는 들어가는 시간도 그렇고 좀 무리이고 중간에 특강을 들으면서 학습 내용을 통으로 적기보다는 요약과 학습 과정 및 회고 위주로 적는 것이 좋다는 조언을 듣고 생각을 해 본 결과 TIL은 주 단위로 배운 내용들을 요약해서 어느 때라도 들여다봤을 때 기억날 수준으로 적는 게 낫다는 판단이 들어서이다. API Application Programming Interface의 약자이다. 위키백과에서의 정의는 다음과 같다. 컴퓨터나 컴퓨터 프로그램 사이의 연결이다. 일종의 소프트웨어 인터페이스이며 다른 종류의 소프트웨어에 서비스를 제공한다. 그렇다면 인터페이스는 무엇일까. 인터페이스는 서로 다른 복수의 시스템들이 서로 정보나 신호를.. 공감수 0 댓글수 0 2023. 12. 12.
[Docker] Docker에서 MySQL 서버 띄울 때 접속 주소 최근 도커에서 MySQL 서버를 띄우고 도커 외부의 로컬 환경에서 접속해야 할 일이 있었다 그래서 서버를 띄우고 자연스럽게 localhost로 접속을 시도했더니 접속이 되지 않는 것이었다 수십 분 삽질 끝에 해결 방법을 찾았는데 그 방법이 어이없게도 간단해서(...) 까먹지 않게 적어두려고 한다 일단 DB 서버를 먼저 띄운다. 편의상 계정은 root : root, 포트는 기본 설정인 3306으로 해두었다. 그리고 localhost로 접속을 해보면 접속이 되지 않는 것을 볼 수 있다. 그래서 혹시 몰라 공유기에서 컴퓨터에 할당한 내부 IP 주소를 넣고 돌렸다. 그랬더니... 그렇다. 로컬 환경에서는 localhost가 아닌 내부 IP 주소를 써야 접속이 된다. 공감수 1 댓글수 0 2023. 12. 1.
[데브코스 웹 풀스택 과정 TIL] Day 6~9 - 웹 생태계 전반에 대한 이론 및 실습 (3) - Node.js로 만드는 웹서버 1. 백엔드 웹서버 만든다면서 뜬금없이 웬 백엔드 설명인가 싶겠지만 뒤에서 필요한 내용이니 한번 훑어보고 가자. 백엔드의 구조 위 그림을 보면 알겠지만 백엔드는 크게 세가지, 웹 서버 / 웹 어플리케이션 서버(WAS: Web Application Server) / 데이터베이스로 구분할 수 있다. 웹 서버: 정적 페이지에 대응하는 서버. 동적 페이지 처리는 직접 하지 않고 WAS에 전달하여 처리함. 웹 어플리케이션 서버: 동적 페이지에 대응하는 서버. 데이터 처리 / 연산을 하여 웹 서버에 전달해줌으로써 화면의 내용이나 데이터의 변화를 구현함. 데이터베이스: 데이터를 통합하여 효율적인 관리를 하기 위한 데이터 집합체. 그런데 위의 그림에서 보다시피 웹 서버와 WAS가 분리되어 있는데, 여기서 하나 의문이 .. 공감수 0 댓글수 0 2023. 11. 30.
[데브코스 웹 풀스택 과정 TIL] Day 6~9 - 웹 생태계 전반에 대한 이론 및 실습 (2) - HTML, CSS 그리고 Javascript [2023. 11. 21 ~ 24 학습 분] 1. HTML HyperText Markup Language의 약자이다. 일단 코드 먼저 보자. Body! 앞서 설명했다시피 웹 상의 정보는 하이퍼텍스트로 표현한다고 설명한 바 있다. 이를 웹페이지의 구조로서 구현한 언어가 HTML이고, 이를 통해 웹페이지를 구성한다. 기본적인 구조는 과 같이 태그를 여닫는 구조이다. 예외인 태그들이 있긴 하나 일부이고 대부분의 태그는 여닫는 구조로 되어있다. 위의 코드를 자세히 살펴보자. - 이 파일이 HTML로 이루어져 있음을 선언한다 - HTML 문서의 최상위 요소. 이 태그 안에 모든 내용을 작성한다 Red Text Blue Text 이렇게 작성하면 된다. 이러면 태그 단위로 CSS를 적용할 수 있다. 그런데 이렇게 하.. 공감수 0 댓글수 0 2023. 11. 27.
[데브코스 웹 풀스택 과정 TIL] Day 6~9 - 웹 생태계 전반에 대한 이론 및 실습 (1) - 웹 개요 [2023. 11. 21 ~ 24 학습 분] 1. 웹의 시작 웹의 시작은 컴퓨터와는 관계가 없는 곳에서 시작되었다. 1989년 CERN에서 근무하던 팀 버너스 리가 연구원 간에 정보 교환을 빠르게 하기 위해 만들었다고 전해진다. 이른바 WWW(World Wide Web) 되시겠다. 지금도 최초의 웹 페이지가 남아있다 (링크) 링크를 들어가보면 알겠지만 지금 우리가 보고 있는 웹과는 달리 지극히 단순한 형태이다. 그럼에도 웹의 특징을 잘 담고 있는데, 정보를 하이퍼텍스트 형식으로 표현하여 하이퍼텍스트(링크)를 따라 이동하며 다양한 정보, 문서들을 연결, 제공 한다는 것이다. * 하이퍼텍스트: 단순 문자가 아닌 그 이상의 기능을 가지는 텍스트, 주로 링크, 참조의 역할을 하는 기술 2. 웹의 구조 웹의 구조.. 공감수 0 댓글수 0 2023. 11. 26.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.