본문 바로가기

분류 전체보기49

자료 구조의 Array와 Tuple 자료구조 == 비단순 구조 none-primitive Data Structure 상황과 문맥에 맞게 데이터를 담을 수 있는 적절한 자료 구조로, 데이터에 편리하게 접근하고 조작하기 위한 데이터를 저장하거나 조직하는 것. 데이터에 맞는 적절한 자료 구조를 사용하는 것이 전체 개발 시스템에 큰 영향을 끼친다. Array Tuple set Dictionary stack&Queue Tree Array [] 가장 기초적이면서도 단순한 자료 구조로 가장 자주 사용된다. 특징 순차적으로 데이터를 저장하는 것 순서에 상관없이, 서로 연결된 데이터들을 순차적으로 저장시 사용 넣는 순서대로 저장이 된다. 생성된 리스트의 수정이 가능하다. 동일값 여러번 삽입 가능. 다중차원 배열(Multi-dimentional Array).. 2020. 5. 13.
웹은 어떻게 작동할까? 네트워크 OSI 7계층 모델 OSI의 7계층 OSI계층은 OSI참조 모델이다. 예전의 네트워크 장치들은 각기 다른 형태를 가지고 있었는데, 이는 네트워크 장치들의 통신규격이 다르기에 환완성이 결여되었고 서로 통신할 수가 없었다. 그래서 제시된 OSI참조 모델을 참고해서, 통신장치를 동일하게 만들게 된다. = 각 부품별로의 모듈화 => 용이하며 유지관리가 좋다. OSI 7계층 모델은 네트워크에서 통신이 일어나는 과정을 데이터의 흐름을 파악하기 쉽게 단계별로 계층을 7단계로 나눈 것(독립적일 수 있는 모듈화)을 말하며 나누는 이유는 한개의 제품이 있다고 가정해보자 위의 이미지 경우에 부품들이 하나하나 층이 나눠져 하나의 제품으로 탄생된다. 만약 이 부품들 중 한군데에서 문제가 발생했다면? 제품을 다 뜯어내고 하나하나 다시 만들어야하지만.. 2020. 5. 12.
Scope scope란? 어떤 변수들에 접근 할 수 있는지 범위를 정의하는 것으로 변수가 영향을 미치는 범위를 말하며 global scope, local scope가 존재한다. Global Scope 변수가 함수 바깥이나 중괄호 바깥에 선언되었다면 전역스코프이다. global scope를 전역스코프라고 한다. 변수 선언시 모든 곳에서 사용이 가능하지만 변수 이름이 충돌하는 경우가 발생하는 것에 유의해야한다. 전역변수는 만들지 않을수록 좋다. 그럼 어떤 변수를 써야하는걸까? Local Scope local scope는 지역스코프로 제한된 공간 {} 중괄호 내에서만 사용이 가능한 변수이다. 제한된 공간은 두가지로 나눌 수 있는데 함수 스코프와 블록 스코프가 존재한다. 함수 스코프와 블록 스코프는 동일한 느낌을 받는데(.. 2020. 5. 11.
웹이 작동하는 방법 내가 다룰 내용은 호스팅, ip주소, url, 도메인이란 무엇이고 웹이 어떻게 작동하는지 설명하고자 한다. 웹의 작동 방법 : 자세하게 들어가기 전에 이해를 돕기위해 (내가 더 잘 이해하기 위해) 간략하게 써보도록 노력하자면, 만약 이 글을 보고 있는 당신이 chrome 브라우저를 사용하고 있다. 이 브라우저에서 tistory라는 페이지에 접속하기 위해서 당신은 브라우저 상단의 검색창에 https://www.tistory.com/ 이라는 주소를 입력할 것(http통신)이다. 브라우저에서 이 주소를 tistory서버로 요청을 하고 서버에서 tistory에 대한 파일들을 응답 받게 되면서 콘텐츠들이 브라우저에 뿌려지게된다. 그럼 여기서 궁금증?! 서버의 파일들을 어떻게 받아오는 것일까? 여기서 호스팅(Hos.. 2020. 5. 9.
20.04.27 - 05.01 :: 2주 동안 공부했던 것들이나 부족한 점을 정리하는 포스팅 논리연산자 논리연산자에는 &&(그리고) ||(또는)이 존재하는데 추가로 !(아닌)이라는 뜻을 가진 연산자가 존재한다. !는 참이면 false로 거짓이면 true로 바꿔준다. array arrayJoin 배열의 모든 요소들을 연결해주는 역할을 해서 하나의 문자열로 만들어준다. const arr = ['my', 'phone', 'is', 'where', '?'] console.log(arr.join('')) //'my phone is where ?' display flex flex-direction : 컨테이너 내의 아이템을 배치시 사용 할 주축과 방향을 지정한다. flex-flow : 기본 축과 교차 축을 함께 정의 가능하다. 요소가 유연한 항목의 경우에만 flex-flow속성이 적용된다. (flex-di.. 2020. 5. 5.
array methods array methods array-method 참고사이트 array-method map과 forEach array.map() : return value가 있고 함수의 결과값들로 구성된 새로운 배열 array.forEach() : return value가 undefined 인자 : 첫번째 인자는 배열 원소의 값, 두번째 인자는 인덱스, 세번째는 배열 그 자체 기본적으로 forEach와 map은 첫번째 전달인자로 함수를 받는다. 배열의 각 항목에 대한 콜백함수의 시간을 실행한다. 둘의 명확한 차이라고 하면 return이 있는가 없는가이다. array.map() : 매서드의 return값은 수정된 값으로 다시 생성된 배열, 변환된 배열을 반환하고 원래 배열은 변경하지 않는다. const originalArr.. 2020. 5. 4.
git과 github | 로컬 저장소를 터미널에서 활용하기 git이란? : 버전 컨트롤 시스템 종류 중 하나로 어떤 버전을 관리한다. 내가 만든 소스코드의 버전을 확인하는 것으로 단순 버전 관리도구가 아닌 협업시 편리한 도구이다. -> 모든 파일에 대한 스냅샷을 기록한다. Modified -> Staged -> Committed Modified : clone하고 수정된 처음의 상태 Staged : 중간 save 곧 commit될거라고 마크한 상태, 잘못된 경우 되돌리기가 가능하다. add : Modified와 Staged의 중간단계에 있는 상태, 수정된 파일을 staged상태로 중간저장 committed : git 기본 상태 중 마지막 로컬저장소 작업 디렉토리 -(add)> Index(준비영역) -(commit)> HEAD github란? : git을 인터넷에서.. 2020. 4. 30.
#DOM과 Event 노션 :: we-code / ETC / 세션 / DOM | EVENT :: we-code / TIL / 6일차 20.04.25 자바스크립트 : JS를 실행하기 위해서는 JS파일만으로는 작동하지 않는다. 브라우저가 존재해야하고, JS파일을 호출하는 html이 필요하다. (style.css를 link 시키는 것과 같은 맥락이라고 보면 될 것 같다.) ❗️주로 태그 위에 위치 시켜준다. 그렇지 않으면 HTML과 Script를 동시에 읽기 때문에 화면에 요소들이 나오는 시간이 지연되고 사용자들에게 느리다는 인식을 줄 수 있다. 또한 DOM트리가 생성되기도 전에 자바스크립트가 DOM조작을 시도할 가능성이 있다. 그래서 먼저 HTML을 화면에 뿌려주고 자바스크립트를 실행하면 사용자들이 로딩에서의 불편함을 덜 느낄 .. 2020. 4. 29.

티스토리툴바