본문 바로가기

분류 전체보기

 (63)
그동안 몰랐던 html5 1. -> header에 사용 하라고 header 테그가 있었다.. 2. 사과의 색은 빨갛고 맛은 달다 현재 문장이나 문맥에서 정의하는 용어를 나타내는 dfn이라는 테그도 있었다. 3. You can use CSS to style your HTML. 요소의 준말 또는 머리 글자를 나타내는 abbr 테그도 있었다. html, css 는 대충 하면 된다고 생각 했는데, 공부 할수록 공부할게 더 많아진다.
웹 브라우저의 저장소 session, local storage,cookie 웹 브라우저(클라이언트)에는 로컬 스토리지, 쿠키, 세선스토리지와 같은 다양한 저장소가 있습니다. web storage web storage란 해당 웹 사이트와 관련된 특정 데이터를 클라이언트의 웹 브라우저에 저장할 수 있도록 하는 기능. 기본적으로 key-value의 형태로 값을 저장하고 키를 기반으로 저장한 데이터를 조회 할 수 있습니다. web storage에는 두가지 형태의 저장소가 있습니다. session storage(임시 저장소) 브라우저가 열려 있는 동안 데이터가 저장되는 저장소 local storage(영구 저장소) 브라우저가 닫혀도 저장이 유지되는 저장소 session storage에는 유저의 로그인 정보를, local storage에는 로그인 없이 사용 가능한 장바구니, 관심 아이템 ..
svelte를 시작 해보자 svelte 학습을 위한 프로젝트로 배틀그라운드 전적 검색 사이트를 만들고 있습니다. https://github.com/dungong/pubg-web 한 3시간 정도 코딩을 진행 했는데, 이것저것 만져보느라 작업은 거의 진전이 없습니다. 흥미로웠던 점은 1) 테그의 value관리가 아주 쉽다는 것. react에서는 보통 input 테그의 value를 아래와 같은 형태로 관리하게 되는데, import {useState} from "react" const MyInput = () => { const [value,setValue] = useState("") return ( { setValue(e.target.value) })/> ) } 같은 기능을 svelte로 구현하면 아래와 같다. 훨씬 간편하다. 원래는 b..
javascipt 함수의 인터페이스 재미난 일을 찾다가 jotai라는 react 상태관리 오픈소스를 뜯어 보고 있는데, javascript에서 interface를 선언하는 방식을 새로 알게되어 공유 한다. javascript 에서는 아래와 같이 객체에 대한 인터페이스만 설정 할 수 있는 줄 알았다. interface function1 { foo: string } 그런데,, jotai를 뜯어보니 이처럼 신기하게 작성이 되어 있었다. export function atom( read: Read, write: Write ): WritableAtom // read-only derived atom export function atom(read: Read): Atom // invalid function in the first argument expor..
[알고리즘 기초] 알고리즘의 시간 복잡도 계산법 1) O(1) 입력 데이터의 양에 상관 없이 항상 일정한 실행 시간을 갖는 알고리즘 2) Olog2N 실행 시간은 입력 데이터의 수 (N)에 대하여 log2N으로 비례한다. 보통, 효율이 좋은 검색 알고리즘이 이와 같다. 3) O(N) 입력 데이터의 수와 시간 복잡도가 비례. 4) O(NlogN) 5) O(N^2) 이중 포문 도는 경우 6) O(N^3) 삼중 포문 7) O(2^n) 데이터 증가에 따라 2^n승 만큼 시간이 늘어남 * 거의 대부분의 경우에 반복의 중첩 수가 알고리즘 복잡도를 결정함
begining functional javascript 8장ㅇ=0 함수자 우선 알아야 할 것 . static 과 heap static 메소드는 메모리의 static 영역에 생성된다. -> 한번 할당이 되면 프로그램이 종료 될 때 까지 메모리에 남아 있는다. heap 영역에 할당 된 것들은 사용이 종료되면 gc (Garbage Collector) 에 의해서 메모리에서 지워지게 된다. 약 3년간 학교 와 회사에서 프로그래밍을 하면서 함수자 라는 단어는 처음 들어봤다. 책에 따르면 함수자는 순수하게 함수형 방법으로 에러를 다룰 수 있도록 하는 것 이라는데 .. 확 와닿지는 않는다. 겉으로만 봐서는 그냥 클래스 안에 함수 추가하는거랑 다를게 없어 보이는데... 조금 더 공부가 필요하다
javascript의 this 그리고 [call,bind,apply] 함수 자바스크립트의 this는 python의 self 나 c#의 this와는 조금 다른 개념으로 사용된다. 보통의 프로그래밍 언어에서 this는 class에서 현재 인스턴스를 지칭하는데 사용되는것에 반해, javascript에 this의 값은 함수를 호출한 방법 및 환경에 따라 결정된다. *실행중에는 할당으로 설정할 수 없고 함수를 호출할 때 마다 다를 수 있다. ??? function f1() { return this; } // 브라우저 f1() === window; // true // Node.js f1() === global; // true 기본적으로 this = global 즉, 아래와 같다. // 변수를 선언하고 변수에 프로퍼티로 전역 window를 할당 var a = 'Global'; functio..
begining functional javascript 4장 클로저 *begining functional javascript -(에이콘 출판사)를 읽고 공부한 내용을 바탕으로 작성한 글입니다. 자바스크립트에서 클로저(closure)란 함수 안의 함수이다. 아래의 outer 함수와 같은 형태가 바로 클로저이다. const outer = () => { const inner = () => {} return inner } 이러한 형태의 함수 이름이 closure인 이유는 함수가 처음 실행 될 당시의 스코프를 포섭(closure)하여 이후에 실행할때 이용하기 때문이다. const outer = (num) => { const inner = (num) => {console.log(num)} return inner } const example = outer(4) example() 위의..

티스토리툴바