본문 바로가기

전체 글

 (347)
프로그래머스 데브코스 2일차 with. TS 웹 풀스택 요약📚 지난 시간에 나온 버전 관리 시스템(VCS)에 이어 실제로 사용되는 분산형 VCS 중 하나인 Git과 Github를 사용하는 이유에 대해 알아보고, Git의 기본적인 사용 방법을 배웠습니다. 마지막으로 Github는 어떤 것인지 간단하게 알아보고 마무리하겠습니다. 📖Git과 Github는 왜 사용하는가? Git은 분산형 VCS입니다. 그런데 왜 사용하는 걸까요? 지난 시간에 유의미한 수정 즉 `버전`을 관리하기 위함이라고 배웠습니다. Git을 사용하면 로컬 환경(내가 사용하는 컴퓨터)에서 버전을 관리할 수 있습니다. 매번 파일을 복사하고 폴더를 복사해서 이름을 바꾸는 등 무의미한 행동을 줄여주게 됩니다. 또한 Git을 활용하면 버전 관리뿐만 아니라 협업도 할 수 있다고 배웠습니다. 하지만 로컬 환..
JS 알고리즘 공부 3회차 with. BaaaaaaaarkingDog # 연결 리스트"원소들을 저장할 때 다음 원소가 있는 위치를 포함시켜 저장하는 자료구조" 연결 리스트의 성질O(1)에 임의의 위치에 원소를 추가 및 삭제 가능원소들이 메모리 상에 연속되어 있지 않아서 할당이 쉽다cache hit rate가 낮다시간복잡도n번째 원소 확인 및 변경 → O(n)임의의 위치에 원소를 추가 및 삭제 가능 → O(1)연결 리스트의 종류단일 연결 리스트 : 각 원소가 다음 원소의 주소만 가진 연결 리스트이중 연결 리스트 : 각 원소가 다음 원소의 주소뿐만 아니라 이전 원소의 주소까지 가진 연결 리스트원형 연결 리스트 : 마지막 원소가 다음 원소의 주소로 헤더의 주소를 가진 연결 리스트. 단일 연결 리스트와 이중 연결리스트의 형태 모두 가능배열과의 비교연결 리스트의 성질을 보면 배열의..
프로그래머스 데브코스 1일차 with. TS 웹 풀스택 프로그래머스에서 진행하는 `타입스크립트로 함께하는 웹 풀 사이크 개발 3기`를 참여하게 되었습니다. 오늘부터 앞으로 공부하는 내용에 대해 정리하면서 개인적인 생각과 의문을 적어보겠습니다. 가능하면 의문에 대한 답변까지 기록하겠습니다. 요약📚 오늘은 프로젝트가 무엇인지부터 시작합니다. 개인이 아닌 동료와 함께 진행하게 되는 과정인 만큼 협업을 어떻게 잘 할 수 있는가에 대한 한 가지 길 `공유`를 하는 방법에 대해 배웠습니다. 개발자가 공유할 수 있는 여러 부분이 있지만, 그중에 프로젝트의 현황을 공유할 수 있는 Readme와 코드를 버전에 따라 공유할 수 있는 버전 관리 시스템에 대해 배웠습니다. 📖프로젝트란? 일정한 기간 안에 일정한 목적을 달성하기 위해 수행하는 업무의 묶음 △출처 위키백과-프로젝트 ..
웹 개발 3회차 with.생활코딩 WEB2 HTTP 웹의 기본 구성 요소 HTML URL Web Browser & Server HTTP 4가지 구성 요소 중 HTTP는 Hyper Text Transfer Protocol의 약자로 서버와 클라이언트가 통신을 하기 위해 사용된다. Request(요청)과 그에 따른 Response(응답)으로 구성되어 있다. HTTP를 가장 쉽게 확인할 수 있는 방법은 웹 브라우저의 개발자 도구(Dev tools)를 이용하는 것이다. 개발자 도구에서 네트워크(Network) 탭을 들어가게 되면 볼 수 있다. 그중 헤더(Header) 탭을 살펴보겠다. 🍯tip! 요청이든 응답이든 원본 소스를 보기 위해서는 권한이 필요해 보입니다. 그렇기 때문에 localhost 서버에서 실행시킨 html파일을 통해 확인하는 게 ..
웹 개발 2회차 with.생활코딩 WEB2 CSS CSS 이전 태그를 사용해 글씨에 색깔을 입힐 수 있다. CSS 이후 더 다양하게 디자인할 수 있도록 개발됨. 태그 내부에 CSS로 작성해서 사용한다. 🍯tip! HTML 내부에서 주석을 사용하고 싶은 경우 기본 문법 CSS를 사용하는 방법은 크게 두 가지가 있다. 태그의 style 속성으로 작성하는 방법 태그 내부에 작성하는 방법 CSS를 작성하는 큰 틀은 선택자(Selector)와 선언(Declaration)이다. 선언 부분은 속성(property)과 값(value)로 이루어져 있다. 선택자는 다양한 방식으로 태그에 접근할 수 있도록 되어있다. MDN이나 W3C를 참고해서 공부해 보고, 일반적으로 사용되는 선택자는 태그명, *(전체), .클래스명, #아이디명 네 종류가 자주 사용된다...
웹 공부 1회차 with. 생활코딩 WEB1 HTML & Internet 기획 무언가를 만들기 이전에 가장 먼저 해야 하는 단계이다. 큰 틀에 대한 계획을 짜는 것이다. 구현 계획한 것을 토대로 차근차근 실제로 만들어 가는 과정이다. 구현에는 원인과 결과가 존재하는데, 개발자가 원인에 해당하는 프로그래밍 언어로 구성된 code, source를 제공하면 그 결과로 application, program, web page, web site 등이 나오게 된다. 웹을 구현하기 위해서 가장 먼저 알아야 하는 것이 HTML이다. HTML 웹의 경우 public domain(저작권이 없다)이기 때문에 누구든 자유롭게 개발하고 배포할 수 있다. 개발 환경 세팅은 다양하게 존재하고 사람마다 다르기 때문에 검색을 통해 원하는 것을 사용하면 된다. 환경이 준비..
JS 알고리즘 공부 2회차 with. BaaaaaaaarkingDog # 기초 코드 작성 요령 2 표준입출력 프로그래머스 사이트의 경우에는 함수 형식으로 구현하기 때문에 매개변수를 이용하면 해결할 수 있다. 하지만 백준 사이트의 경우 입력을 따로 받아와 읽은 후에 변수로 사용하기 때문에 입력을 읽어드리는 방법을 알 필요가 있다. 이 글에서는 백준을 예시로 들었지만 코딩 사이트마다 조금씩 방법이 다를 수 있기 때문에 찾아보는 것을 추천한다. 🍯tip! 코드를 구현할 때 어떻게 구현해야 좋은가에 대해 고민하게 되는다. 코딩 테스트에서 중요한 것은 문제 해결에 집중할 필요가 있다. 실제 개발에서 사용하는 코드는 다른 사람과 공유하기 때문에 변수명이나 함수 이름을 지을 때 조심해야 한다. 하지만 코딩 테스트를 할 때에는 조금 우선순위를 미뤄도 좋다. 🍯tip! 코딩 테스트는 다양..
백준 입출력 방식 JS 여러 코딩테스트 사이트 중 백준은 값을 입력받아 출력하는 문제가 많다. 그렇기에 javascript를 사용한 node.js 방식에서 입력을 받아 출력하는 방식을 기억하려고 적어놓는다. const fs = require('fs'); const file = process.platform === 'linux' ? 'dev/stdin' : './text.txt'; const val = fs.readFileSync(file).toString(); 입력에서 기본적으로 사용하는 코드는 위와 같고, val을 자유롭게 이용해 문제를 풀면 된다. 출력은 return이 아닌 console.log()를 사용해 문제가 원하는 답의 형식으로 출력하면 된다.

티스토리툴바