본문 바로가기

전체 글153

[TypeScript]TypeScript에 관하여2.... 1. 구조적 타입type Person = {    name : string;    age : number;    address : string;};let p : Person;const person = {    name : "Fujii kaze",    age : 12000,    address: "서울특별시 금천구",};// 이 둘은 구조적으로 같음 둘 다 Person!p = person;  2. Generic// 제네릭 : 타입을 동적으로 마치 클래스나 함수 등의서의 함수처럼 사용하는 것// -> 타입을 유연하게 쓰고싶을 때 타입을 유동적으로 사용해야할 때 function sum(a: number, b: number): number {    return a + b;}sum(1,2)type Generic.. 2024. 9. 20.
[TypeScript] TypeScript 정리.. 1. TypeScript = Javascript + type브라우저에서 사용 하기 위해 10일만에 만들어진 언어..  자바스크립트의 단점 -> 매우 자유롭고 ,모든걸 수정할 수 있다 -> 이 문제점을 정적 타입 시스템으로 보완한것이 TypeScript  타임스크립트는 똑같이 동작하는 자바스크립트의 확장팩 그 이상 그 이하도 아님 -> 거의 비슷함.  TypeScript etc...1. Python으로 만든 pipy가 python보다 빠르다.1-1. pipy로 만든 pypypi가 훨씬 더 빠르다.2. TypeScript는 100% TypeScript로 만들어져 있다.. 2. TypeScript  Settingnpm install typescript 3. TypeScript Setting Check{  "n.. 2024. 9. 20.
[Web Knowloege] Local Storage와 Sesstion Storage의 차이 웹 저장소인 Local Storage와 Session Storage 모두 브라우저 내에서 키-값 쌍의 형태로 저장한다는 점에 대해서는저장소로서의 기능은 대부분 동일하다.다만 가장 큰 차이점은 Session Storage의 경우 세션이 종료되면 저장된 데이터도 함께 사라진다는 점이다. [Local Storage]값을 직접 지우기 직전 까지는 값이 지워지지 않는다.시간제한이 없고 브라우저가 꺼져도 죽지 않는다. [Session Storage]세션(프로세스 ,탭, 브라우저)가 종료될 때까지 지속되는 Storage로써 소멸 타이밍이 LocalStorage와는 다르다.Local Storage는 소멸 타이밍이 없어서, 직접 지워줘야만 그 값이 지워진다. 그에 반하여 Session Storage는 세션이종료가 되었을.. 2024. 9. 17.
[React]Tailwind.css의 필요성 css 프레임워크는 웹 어플리케이션 개발에서 매우 중요하다. 작은 규모의 css는 관리가 간단하지만, 규모의 개발로 가서, 규모가 커지고, 참가하는 이해관계자들이 늘어나면 그에 따라 css 관리가 더 복잡해진다.  여기서 Tailwind css 의 필요성이 대두가 된다. 기존에 강력한 css in js 라이브러리인 styled-components는 강력하고 편리하지만, 복잡하고, 유연하고 직관적이지 못하다.-> tailwind처럼 class로 간단하고 직관적으로 css를 설정할 수 있는 시스템이 아니라, const newDiv = styled.div`display:"fixed"` 같은 느낌으로 코드를 작성하고 , 선언한 스타일 코드를 다른데서 선언하거나, 함수형 컴포넌트로 사용하는 경우가 보통인 경우인 .. 2024. 9. 13.
[Algorithm]프로그래머스 - 바탕화면 정리(Javascript) 코딩테스트를 준비하는 머쓱이는 프로그래머스에서 문제를 풀고 나중에 다시 코드를 보면서 공부하려고 작성한 코드를 컴퓨터 바탕화면에 아무 위치에나 저장해 둡니다. 저장한 코드가 많아지면서 머쓱이는 본인의 컴퓨터 바탕화면이 너무 지저분하다고 생각했습니다. 프로그래머스에서 작성했던 코드는 그 문제에 가서 다시 볼 수 있기 때문에 저장해 둔 파일들을 전부 삭제하기로 했습니다.컴퓨터 바탕화면은 각 칸이 정사각형인 격자판입니다. 이때 컴퓨터 바탕화면의 상태를 나타낸 문자열 배열 wallpaper가 주어집니다. 파일들은 바탕화면의 격자칸에 위치하고 바탕화면의 격자점들은 바탕화면의 가장 왼쪽 위를 (0, 0)으로 시작해 (세로 좌표, 가로 좌표)로 표현합니다. 빈칸은 ".", 파일이 있는 칸은 "#"의 값을 가집니다. .. 2024. 9. 12.
[Algorithm]프로그래머스 - 대충 만든 자판(Javascript) 휴대폰의 자판은 컴퓨터 키보드 자판과는 다르게 하나의 키에 여러 개의 문자가 할당될 수 있습니다. 키 하나에 여러 문자가 할당된 경우, 동일한 키를 연속해서 빠르게 누르면 할당된 순서대로 문자가 바뀝니다.예를 들어, 1번 키에 "A", "B", "C" 순서대로 문자가 할당되어 있다면 1번 키를 한 번 누르면 "A", 두 번 누르면 "B", 세 번 누르면 "C"가 되는 식입니다.같은 규칙을 적용해 아무렇게나 만든 휴대폰 자판이 있습니다. 이 휴대폰 자판은 키의 개수가 1개부터 최대 100개까지 있을 수 있으며, 특정 키를 눌렀을 때 입력되는 문자들도 무작위로 배열되어 있습니다. 또, 같은 문자가 자판 전체에 여러 번 할당된 경우도 있고, 키 하나에 같은 문자가 여러 번 할당된 경우도 있습니다. 심지어 아예.. 2024. 9. 11.

티스토리툴바