본문 바로가기

분류 전체보기

(64)
(WEB) 웹 서비스 구조 이해 2편, 웹의 발전과 다양한 기술의 등장 이번 포스팅은 웹의 발전과정에 관한 포스팅이다.  1편은 웹의 탄생과 초기 구조에 관한 포스팅이며, 하단 링크를 통해 접속할 수 있다.   (WEB) 웹 서비스 구조 이해 1편, 웹의 탄생과 초창기 웹의 구조프론트엔드를 지망하는 주니어 개발자로서 웹의 단편적인 지식만을 공부하다 보니 오히려 이해가 떨어지는 것을 느꼈다. 웹이 왜 생겼는지, 어떤 과정을 통해 발전했고, 어떤 문제가 발생했는lemu-devblog.tistory.com  발전하는 웹모든 기술은 발전을 하면서 3가지로 나뉘게 된다. 초반에는 이 3가지가 결합된 형태로 나타날 수 있지만 결국 유지보수를 위해 3가지로 분리된다.  이 세 요소는 아래와 같다.  1. 자료구조(data) : 데이터2. 제어(logic) : 데이터를 제어하기 위한 소프..
(WEB) 웹 서비스 구조 이해 1편, 웹의 탄생과 초창기 웹의 구조 프론트엔드를 지망하는 주니어 개발자로서 웹의 단편적인 지식만을 공부하다 보니 오히려 이해가 떨어지는 것을 느꼈다. 웹이 왜 생겼는지, 어떤 과정을 통해 발전했고, 어떤 문제가 발생했는지, 또 그 문제를 해결하는 과정에서 어떤 기술이 생겨났는지 궁금해 공부를 하다가 좋은 영상을 발견해 이를 정리하고자 한다. 이번 포스팅은 초창기 웹의 구조를 정리하고자 하며, 참고한 영상은 포스팅 하단에 추가하였다.   웹의 탄생웹은 유럽 입자 물리학 연구소(CERN)에서 연구하던 팀 버너스 리에 의해 개발되었다. 그 당시 인터넷에서는 대부분 텍스트 기반 문서가 사용되었기에 정보를 찾아보는데 불편함이 컸다. 버너스 리는 텍스트 내에 링크가 있어서 연관된 정보를 서로 묶을 수 있다면, 정보를 찾기 훨씬 수월할 것이라고 생각했..
(Linux) 유저 & 그룹 개념 정리, 유저 계정 관리, 그룹 관리 유저 (user)리눅스에 로그인하고 다양한 작업을 수행하며 운영체제랑 상호작용 하는 개인 혹은 개체  유저 종류 루트 계정 (root) : 모든 권한을 가진 특별한 사용자 (UID 0)시스템 계정 : 리눅스 설치시 기본 생성 계정사용자 계정 : 관리자가 생성한 계정 유저 구조user name : 시스템 내의 계정 식별자UID (user id) : 사용자 식별에 이용되는 고유한 숫자GID (group id) : 그룹 식별에 사용되는 고유한 숫자home directory : 사용자 파일과 데이터가 저장되는 공간default shell : 사용자 기본 쉘 (명령 인터프리터, 기본은 bash)password : 엑세스하기 위한 비밀번호group : 유저가 속한 그룹  유저 생성  & 비밀번호 설정 sudo us..
(Git) 커밋 메시지 컨벤션 그동안 혼자서 작업했기에 git의 commit 메시지를 신경 쓰지 않았는데 협업 시에는 commit 메시지가 중요해질 것 같아서 commit 메시지의 컨벤션을 조사해 보았다. 다양한 컨벤션이 있었고, 이번 포스팅은 아래 가이드들을 참고해 정리했다.  commit-messages-guide/README_ko-KR.md at master · RomuloOliveira/commit-messages-guideA guide to understand the importance of commit messages and how to write them well - RomuloOliveira/commit-messages-guidegithub.com  커밋 메시지 가이드  |  Blockly  |  Google for D..
(Git) 개념, 기본 명령어 정리 (영역 설명, 명령어 사용법) 이번 포스팅에서는 git의 영역과 기본 명령어에 대해서 설명한다. git은 총 4가지 영역(workspace, stage, local repository, remote repository)으로 구분되며, 이 4가지 영역을 이동하는 기본 명령어(add, commit, push, pull)가 있다.      git 영역git의 영역은 크게 4가지로 구분된다.work space (working directory) : git이 추적하고 있는 실제 디렉터리stage : 커밋되지 않은 변경사항을 저장하는 공간local repository : 커밋 히스토리와 변경사항이 저장되는 공간remote repository : 인터넷으로 접근 가능한 외부에 있는 저장소 (git hub 등) git 명령어add 워크 스페이스에 ..
(Git) checkout 명령어 사용법 정리 git 명령어 중에서도 checkout은 정말 다양한 기능을 갖고 있다. 이번 포스팅에서는 checkout 명령어의 다양한 기능을 정리한다.  먼저 checkout 기능의 종류는 크게 아래와 같다. 브랜치 전환 / 새 브랜치 생성 & 전환커밋으로 전환(detached head)파일 복원  브랜치 전환브랜치를 전환할 때 사용된다. 이때 이미 브랜치 이름이 존재한다면 에러가 발생한다.git checkout [기존 브랜치 이름]  새 브랜치를 만들고, 그 브랜치로 전환하고 싶다면 아래 명령어를 사용한다.git checkout -b [새 브랜치 이름]    커밋으로 전환 (detached head)특정 커밋의 해시 번호를 뒤에 작성하면 해당 커밋으로 전환된다. 해시 번호는 앞 7자리만 사용해도 무방하다. 이때 ..
(CS) 터미널, 콘솔 기본 명령어 & 옵션 콘솔, 터미널 명령어는 파일 관리 및 정보 확인을 위해 많이 쓰이는 명령어이다. 이번 포스팅에서는 가장 많이 쓰이는 기본 명령어들을 정리하고자 한다.   cd (change directory)현재 디렉토리를 변경하고 싶을 때 사용하는 명령어cd.. 을 사용하면 현재 디렉토리의 상위 디렉토리로 이동한다. (.. 은 상위 디렉토리를 나타낸다)사용법 : cd [이동할 경로] cd Documentscd Documents/newProjectcd ..  ls (list)현재 디렉토리에 포함된 내용을 나열하는 명령어옵션, 경로를 제외하고 'ls'만 사용하는 경우 현재 디렉토리 내용을 보여준다.사용법 : ls [옵션] [경로] 옵션 종류 -a : 숨긴 파일들도 모두 보여준다.-l : 상세 정보도 모두 보여준다.-h :..
(Javascript) 자바스크립트 배열 메서드 some, every, find, findIndex 사용법 이전에 자주 쓰이는 배열 메서드에 대해 다룬 적이 있다. 이 외에도 종종 쓰이는 배열 메서드가 있어서 이번 포스팅에서 정리해보고자 한다.  some 메서드 배열 안의 요소가 판별 함수를 적어도 하나라도 통과하는지 테스트, 조건을 만족하는 요소가 하나라도 있으면 true, 그렇지 않으면 false를 반환const array1 = [1, 2, 3, 4, 5];console.log(array1.some(e=>e%2===0)); //trueconst array2 = [1, 3, 5, 7, 9];console.log(array2.some(e=>e%2===0)); //false  every 메서드배열 안의 요소가 판별 함수를 모두 충족하는지 테스트 모든 요소가 조건을 만족하면 true, 그렇지 않으면 false를 ..