본문 바로가기
자료 구조(Data Structure) (1) - 소개 2020. 4. 6. "코딩은 알고리즘과 자료구조, 이 두가지로 이루어진다" - 리누스 토르발스 코딩을 안 해보신 분들도 개발자 채용 프로세스에 '알고리즘 시험'이 있다는 걸 들어본적이 있을 것이다. 그렇다면 과연 자료구조란 무엇일까? 자료 구조(Data Structure)란 데이터에 편리하게 접근하고 변경하기 위해 데이터를 저장하거나 조직하는 방법이다. 어떤 상황에서든 다 통하는 만능 자료 구조는 없으며, 각각의 자료 구조의 장단점을 이해하고 목적에 맞는 자료구조를 사용해야 한다. 말이 약간 어렵다. 실생활로 비유를 들자면 결제 방식과 같다고 볼 수 있다. 어디에서 결제하느냐에 따라 결제 방식이 다를 수 있다. A 서점에서는 체크카드를 써야 페이백을 해주든가, B 음식점에서는 신용카드를 써야 할인을 해준다. 혹은 쿠폰을 가..
웹 동작 원리 기초 2020. 4. 4. 우리가 구글로 가고 싶을 때 검색창에 한글로 구글을 쳐서 들어가거나, url창에 영문주소를 쓴다. 그러면 컴퓨터는 유저에게 원하는 페이지를 보여준다. 그렇다면 컴퓨터는 어떻게 영문주소를 인식하고 그 페이지를 그대로 우리에게 보여주는 것일까? 컴퓨터는 영문주소를 IP(숫자)주소로 바꾼 다음 해당 페이지로 찾아간다. 더 매끄러운 설명을 위해서는 몇 가지 단어 먼저 정의하겠다. 호스팅(Hosting, Web hosting service) 사용자의 요청이 오면 언제든 응답을 해야하기 때문에, 인터넷에 '항상' 연결되어 있고 '절대' 꺼지지 않는 호스트 서버(컴퓨터)에 홈페이지 구성파일(HTML, CSS, JavaScript)을 저장해 놓는다. 대표적인 서비스는 AWS, ec2/S3, cafe24 등과 같은 호스..
Git & GitHub (2) - branch, conflict 2020. 4. 1. 혼자 작업하는 것이라면 master branch에서 혼자 add, commit, push하면 된다. 하지만 협업을 할 경우 동시에 같은 코드를 수정하고 있는 경우가 많아, 각자 branch를 따로 만들어서 push후 pull request로 관리자의 최종 승인을 받는 코드가 master branch에 올라간다. branch branch란 각자 독립적인 작업을 진행하기 위한 공간이다. branch 생성, 이동 명령어에 대해 알아보자. // branch 생성 git branch feature/브랜치명 // branch 이동 git checkout feature/브랜치명 // 수정 완료 후 git add . git commit -m "커밋내용" git push origin feature/브랜치명 해당 bran..
Git & GitHub (1) - 정의, 명령어 2020. 4. 1. 해당 글에 틀린 것을 수정하고 보완하여 2020.07.24에 기술블로그(https://howdy-mj.netlify.app/git/git-intro/)에 다시 올렸습니다. -- 원글 -- 대부분의 사람들이 과제 혹은 업무를 진행할 때 한 번쯤 했을 법한 일이다. 어떤 것이 진짜 최종이고, 어느 부분이 수정되었는지 기억이 나지 않아 결국 파일 하나하나 열어보면서 확인한다. 개발 할 때에도 마찬가지이다. 개인이 업무를 진행하는 것과 다르게, 개발은 수십 명의 개발자가 동시에 한 프로젝트를 진행한다. 때문에 업데이트, 수정 관리가 무척 중요하다. 만약 에러가 났는데 이전 파일이 없다면 처음부터 다시 작업해야 하는 경우가 생길 수 있다. 또한 동시에 한 코드를 수정하다 합치면 어디서 꼬인건지 알 수 없다. 이를..
리눅스 & 터미널 기초 2020. 3. 31. 윈도우를 쓰는 사용자라면(글쓴이 포함) 리눅스가 익숙치 않을 것이다. 하지만 어느 분야의 개발을 하더라도 터미널 사용은 필수적이기 때문에 기본적인 내용은 알아두는 것이 좋을 것이다. 리눅스(Linux)는 1991년 Linus Torvals가 개발했으며, 시스템을 운영하는 데 가장 널리 사용되는 운영체제로 누구나 다 코드를 볼 수 있는 오픈소스이다. 일반적인 시스템 서버는 리눅스 기반으로 운영되며, 시스템을 유지하고 관리하기 때문에 잘 알아야 한다. 리눅스의 루트경로 먼저 리눅스의 파일 구조를 보면 아래와 같이 tree 형태로 되어 있는 걸 알 수 있다. 리눅스의 가장 위에는 / , Root 디렉토리(directory)가 존재한다. 그 외 각 하위 디렉토리들은 slash(/)로 구분한다. 디렉토리 간의 이..
개발자도구 활용하기 2020. 3. 27. 참고 영상: https://www.youtube.com/watch?v=x4q86IjJFag [ Storage ] 로컬스토리지, 세션스토리지, 쿠키 차이점 (각 예 - 어떤 유형의 데이터를 어디에 저장하면 좋을까?) 스토리지 접근해서 값 가져오는 법 세팅하는 법 로컬스토리지, 세션스토리지, 쿠키 차이점 세 가지 모두 키(key)-값(value)를 데이터 저장소이지만, 데이터 저장 기한에서 가장 큰 차이를 보인다. 1. 로컬스토리지(Local Storage): 사용자가 지우지 않는 이상 계속 남아 있는 데이터 - ex. 자동 로그인 2. 세션스토리지(Session Storage): 탭(페이지)가 켜져 있는 동안 남아 있는 데이터 - ex. 은행 로그인 시스템, 비회원 장바구니 3. 쿠키(Cookies): 만..
프론트엔드 개발 무료 공부 사이트 (해외) 2020. 1. 23. 해당 글을 보완하여 기술 블로그(https://howdy-mj.me/bookmark/lecture/)에 다시 올렸으며, 업데이트도 꾸준히 할 예정입니다. -- 원글 -- 이번에는 HTML, CSS, JavaScript를 공부할 수 있는 사이트를 들고왔다. 다 영어로 진행되지만, 어떤 에러가 생겼을 때 대다수 개발자의 답변은 '구글링 해봐'이니 영어로 어떻게 검색하면 좋을지 등도 먼저 선행한다 생각하면 좋을 것 같다. 1. Freecodecamp(https://www.freecodecamp.org/learn) Freecodecamp는 이름에서 알수 있듯이 무료이다. 이미지에 있는 것처럼 웹디자인, 자바스크립트 등 프론트엔드 관련 내용을 주로 다루고 있다. 강의를 클릭하면 왼쪽이 해당 주제에 대한 설명, 오..
프론트엔드 개발 무료 공부 사이트 (국내) - 2 2019. 12. 27. 해당 글을 보완하여 기술 블로그(https://howdy-mj.me/bookmark/lecture/)에 다시 올렸으며, 업데이트도 꾸준히 할 예정입니다. -- 원글 -- 프론트엔드 개발 입문에 도움이 되는 무료 공부 사이트 2번째 글이다. 이번 글은 JavaScript 관련 사이트들이다. 1. Poiemaweb (https://poiemaweb.com/) Poiemaweb은 HTML, CSS, JavaScript, ECMAScript, Angular 등 다양한 내용을 다루고 있다. 해당 사이트의 자바스크립트 내용은 프론트엔드 개발을 배울 때 대부분의 사람들이 추천하는 도서 '인사이드 자바스크립트'의 압축판인것 같다. 예제도 비슷하며, 모를 것 같은 단어는 설명이 있는 링크를 걸어 쉽게 볼 수 있도록 설정..

티스토리툴바