전체 글

더보기 localStorage 사용자의 입력값을 저장해두고 싶을 때, localStorage API를 활용하면 된다. localStorage의 값은 object형식으로 key와 value값을 따로 지정하여 저장하면된다. 1) 값을 저장하고 싶을 때 localStorage.setItem('username','daeun') 2) 값을 가져오고 싶을 때 localStorage.getItem("username") // 출력값 daeun 값을 가져올 때에는 key값을 알아야한다는 점이 있다. 3) 값을 지우고 싶을 때 localStorage.removeItem("username")

태그 안에 class를 추가하고 싶을 때는 아래와 같이 추가하면 된다. // 변수로 지정하지 않았을 때, document.getElementsByClassName('hello').classList.add('bye') // 변수로 지정해놨을 때, const greeting = document.getElementsByClassName('hello') greeting.classList.add('bye') 이벤트를 할 때마다 클래스가 추가되고 없어지는 과정을 넣고 싶다면, // 토글되는 함수 만들기 function handleClick (){ document.getElementsByClass('hello').toggle('bye'); } // 이벤트화하기 gretting.addEventListener("clic..

지금까지 정렬 알고리즘을 수행할 때, 소요되는 시간을 기준으로 효율성을 판단해왔다. 정렬 알고리즘을 빠르게 수행하기 위해서는 비교와 교환 등을 처리하는 횟수가 적어야 한다. 1) 시간복잡도 - 알고리즘을 수행할 때 걸리는 시간을 기준으로 효율성을 분석하는 것을 말한다. 시간의 효율성이란 결국 알고리즘에서 비교와 교환이 일어날 때, 실행의 연산자의 처리 횟수가 적다는 것을 의미하며, 연산자 처리 횟수가 적다는 건 시간의 복잡도가 낮다는 것을 의미한다. 2) Big-O 표기법 - Big-O 표기법은 컴퓨터 과학에서 “대략”을 나타내는 공식적인 개념으로 최악의 경우에 대한 시간 복잡도를 나타내는 표현이다. 선형 탐색은 비교적 간단한데 찾는 값이 배열의 맨 끝에 있는 최악의 상황의 경우 이 값을 찾는데 n번의 ..

1) 알고리즘이란? - 알고리즘이란, 입력값을 출력값으로 바꾸기 위한 그 일련의 과정을 이야기한다. 어떤 명령이 수행되어야하는지 규칙적인 순서적 나열이라고 이야기할 수 있다. - 알고리즘에서 중요한 것은 '정확성' 과 '효율성' 이다. 2) 알고리즘을 잘짜기 위해서는? - 제대로된 출력값을 컴퓨터가 출력하게끔 하게 위해서는 프로그래밍 언어를 활용해야한다. 즉, 알고리즘을 표현하기 위한 언어는 자연어, 의사코드, 순서도 등이 있다. - 프로그래밍 언어같은 경우는, 컴퓨터가 알아들을 수 있게 이미 정해진 코드를 짜야하지만 의사 코드(pseudocode)는 정해진 방법이 없으며 보다 명확하게 의미를 나타낼 수 있기 때문에 알고리즘을 이해하기 쉽다. 의사코드는 사람이 이해할 수 있는 말로 내가 해결해야하는 문제..

1) 컴퓨터의 구조 - 하드웨어 - RAM - L2 - L1 - CPU - RAM은 하드웨어보다 동적이고 가격이 비싸고 메모리가 적은 편이지만, 현재 기술에 따르면 RAM도 메모리가 높은 수준으로 컴퓨터가 출시되고 있다. 캐시메모리도 많으면 많을 수록 CPU가 많은 일을 처리할 수있도록 해줄 수 있음. 2) bit, byte 비트와 바이트 - bit - byte -kilo - mega - giga - tera 바이트 이후 1000단위로 차이가 난다. 3) 2진수, 16진수 - 2진수와 16진수로 표현하는 것들에 대해 배웠다. 2진수로만 문자들을 저장하게 된다면, 저장공간의 효율이 떨어질 수 있기 때문에 그런 부분에 있어서 16진수로 표현하는 경우도 있다. 4byte는 2의 4승인 16bit 로 표현되어 ..

1. 먼저 터미널에 styled-component를 설치해준다. npm install styled-components 2. styled-component를 사용할 js파일에 import 해준다. import styled from 'styled-components' 3. 아래와 같이 YellowBtn이라는 컴포넌트를 만든다고 생각하고, styled.button 뒤에 백틱 ``을 열어 그안에 css파일처럼 속성을 적어준다. 다음에 컴포넌트를 삽입할 함수 안에 으로 넣어준다. import styled from 'styled-components'; let YellowBtn = styled.button` background : yellow; color : black; padding : 20px; ` functio..