전체 글
-
20.07.06:: TILStudy/TIL 2020. 7. 7. 11:25
오늘의 한 일 자료구조에 대해 공부 자료구조[배열] 공부 react 공식문서 [이벤트 핸들링] 공부 새롭게 배운 것 자료구조는 데이터에 편리하게 접근하고 조작하기 위해 데이터를 저장하거나 조직하는 방법으로써 각 자료구조의 본질과 콘셉트를 이해하고 상황에 맞는 적절한 자료구조를 선택하는 것이 중요하다. 자료구조 중 '배열'의 가장 큰 특징은 순차적으로 데이터를 저장한다는 점이다. 그래서 배열은 주로 순서가 상관 없더라도 서로 연결된 데이터들을 저장할때 일반적으로 사용된다. 배열의 단점은 데이터를 중간에 추가하거나 삭제해야할 경우, 배열을 전부 이동시켜야 하기 때문에 다른 자료구조에 비해 메모리를 많이 차지한다는 점이다. 고로, 데이터 변경이나 이동이 많을 경우에는 적절치않다. 위 코드 라이프 html, c..
-
[자료구조] Tupleabout front-end 2020. 7. 6. 14:53
1. 정의 - Tuple Tuple 이란? List와 마찬가지로 데이터를 순차적으로 저장할 수 있는 순열 자료구조이다. 하지만 list와 다르게 한 번 정의되고 나면 수정할 수 없다.(immutable) 2-3개 정도의 적은 수의 소규모 데이터를 저장할 때 많이 사용한다. 함수에서 리턴 값을 한 개 이상 리턴하고 싶을 때 자주 쓰인다. >>> my_tuple = (1,"2",3.0) >>> my_tuple (1, '2', 3.0) >>> for i in my_tuple: ... print(i) ... 1 2 3.0 >>> my_tuple[0] 1 >>> my_tuple[1] '2' >>> my_tuple[2] 3.0 >>> my_tuple[0] = 9 Traceback (most recent call l..
-
[자료구조] 1. Array (List)about front-end 2020. 7. 6. 14:48
1. 정의 - Array(List) JavaScript 에서는 Array, Python에서는 List Array(List)는 가장 기초적이고 단순하면서도 가장 자주 사용 되는 자료 구조이다. 2. Array 특징 순차적으로 데이터를 저장하는 자료 구조 Array의 가장 큰 특징은 순차적(ordered)으로 데이터를 저장한다는 점이다. 자료구조에 저장하는 데이터는 일반적으로 요소(element)라고 한다. Array는 주로 서로 연결된 데이터들을 순차적 으로 저장할때 사용한다. 순서가 상관 없더라도 서로 연결된 데이터들을 저장할때 일반적으로 사용된다. 그래서 array가 가장 자주 사용되는 자료구조중 하나가 되는 것이다. 기타 특징 삽입(insertion) 순서대로 저장된다. (즉, 새로 삽입되는 요소는 ..
-
[자료구조] 개요about front-end 2020. 7. 6. 14:30
1. What is Data Structure? - 자료구조란 데이터에 편리하게 접근하고 조작하기 위한 데이터를 저장하거나 조직하는 방법이다. - 자료 구조의 종류에 따라 각각 갖는 장점과 한계를 잘 이해하고 상황에 맞게 선택하고 사용하는 것이 중요하다. - 자료구조는 언어별로 지원하는 양상이 다르다. (자바스크립트, 파이선..) - 언어별로 지원하는 자료구조의 양상이 다르더라도 개념을 올바르게 이해한다면 해당 언어에 맞추어서 사용하면 되니, 각 자료구조의 본질과 컨셉을 이해하고 상황에 맞는 적절한 자료구조를 선택하는 것이 중요하다. 2. Why Data Structure? - 여자들이 화장품을 담기에 효율적인 것은 캐리어일까? 백팩일까? 파우치일까? - 캐리어는 정말 좋은 도구이지만, 화장품을 담기 위..
-
JavaScript :: twoSum 함수알고리즘 2020. 7. 6. 11:40
twoSum 함수에 숫자 배열과 '특정 수'를 일자로 넘기면, 더해서 '특정 수'가 나오는 index를 배여렝 담아 return 해주세요. num: 숫자 배열 target: 두 수를 더해서 나올 수 있는 합계 return: 두 수의 index를 가진 숫자 배열 예를들어, nums는 [4, 9, 11, 14] target은 13 nums[0] + num[1] = 4 + 9 = 13 이다. 그러면 [ 0, 1 ]이 return 되어야 한다. *가정 target으로 보내는 합계의 조합은 배열 전체 중에 2개 밖에 없다고 가정하자. 먼저, target의 숫자와 nums 배열 중 두 숫자의 합을 비교해야 하기 때문에 우리는 nums의 배열 중 두 숫자의 합이 될 수 있는 경우의 수를 비교하기 위해 f..
-
react의 bind는 무엇일까? (부제. 이벤트 처리하기)Study/React 2020. 7. 5. 20:02
React 엘리먼트에서 이벤트를 처리하는 방식은 DOM 엘리먼트에서 이벤트를 처리하는 방식과 매우 유사하다. 몇가지 문법 차이는 다음과 같다. * react의 이벤트는 소문자 대신 camelCase를 사용한다. * JSX를 사용하여 문자열이 아닌 함수로 이벤트 핸들러를 전달한다. 예를들어, html에서 버튼에 온클릭 이벤트를 작성한다면 아래와 같다. Activate Lasers 그러나 React에서는 약간 다르다. Activate Lasers 또 다른 차이점으로, React에서는 false를 반환해도 기본 동작을 방지할 수 없다. 반드시 preventDefault를 명시적으로 호출해야한다. 예를들어 일반 HTML에서는 새 페이지를 여는 링크의 기본 동작을 방지하기 위해 다음과 같은 코드를 작성한다. Cl..
-
리엑트란 무엇이며 왜 사용하는가?Study/React 2020. 7. 4. 17:11
What is React? 리엑트란 무엇인가? 리엑트는 facebook에서 만든 자바스크립트 UI라이브러리로써 user interfaces와 프론트엔드 어플리케이션을 만드는데 사용된다. 리엑트는 기술적으로는 라이브러리이지만, 이것의 행동과 능력때문에 종종 framework로도 불린다. 리엑트는 현재까지 업계에서 가장 인기있는 framework이다. 한마디로 간단히 말하면, 사용자 인터페이스를 만들기 위한 자바스크립트 라이브러리이다. 리엑트는 왜 사용하는가? 우리는 html, css만으로도 웹사이트를 만들 수 있다. 그러나 여기에 유저의 행동흐름에 따라서 동적인 화면을 보여주도록 하기 위해서 javascript를 사용한다. 그런데 요즘의 웹은 단순히 웹 페이지가 아니라 웹 애플리케이션이다. 브라우저상으로도..
-
How the web works? 웹은 어떻게 동작하는가.about front-end 2020. 7. 4. 15:27
'웹의 동작 방식'은 우리의 컴퓨터나 폰의 웹 브라우저 안에서 웹페이지를 볼 때 무슨 일이 발생하는지에 대한 간소화된 개념을 제공할 것이다. 먼저, 웹에 연결된 컴퓨터는 클라이언트와 서버라고 한다. - 클라이언트는 일반적인 웹 사용자의 인터넷이 연결될 장치들 (예를들어, 제가 지금 사용하는 랩탑과 핸드폰은 wifi에 연결되어 있습니다) 과 이런 장치들에서 이용가능한 웹에 접근하는 소프트웨어이다. - 서버는 웹페이지, 사이트, 또는 앱을 저장하는 컴퓨터이다. 클라이언트의 장비가 웹페이지에 접근하길 원할 때, 서버로부터 클라이언트의 장치로 사용자의 웹 브라우저에서 보여지기 위한 웹페이지의 사본이 다운로드 된다. 즉, 브라우저에 사용자가 url을 치면 서버에 요청해서 응답하는 것이 웹의 동작 방식이다. 다시,..