일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
- 개발자
- 코딩테스트
- 공부
- 백준
- 취업
- JavaScript
- html
- csr
- error
- 알고리즘
- dynamic import
- SSR
- 에러
- 자바스크립트
- 비동기
- React Query
- DOM
- 프론트엔드
- React
- Next.js
- Sass
- 차이
- Vite
- 코딩
- Browser
- 취업준비
- Git
- css
- http
- TypeScript
- Today
- Total
목록프론트엔드 (14)
minTech
Brute Force 발생할 수 있는 모든 경우의 수를 탐색하면서 조건에 충족되는 결과 만을 가져오는 방법을 말한다. 이는 다음과 같은 특징을 갖는다. 1. 전체적으로 모든 경우의 수를 탐색할 수 있는 방법을 필요로 한다. 브루트 포스는 될 수 있는 모든 경우를 다 계산하면서 조건에 맞는 해를 찾는다. ex) 약수 구하기 HTML 삽입 미리보기할 수 없는 소스 2. 굉장히 단순하고, 직관적인 방법이다. 말 그대로 브루트포스를 이용해 코드를 작성하는 것은 굉장히 단순하지만, 단순하고 직관적인 만큼 코드가 비효율적일 수 있다. 3. 브루투포스 방법을 사용하기 전에 두 가지 조건을 만족하는지 확인해야 한다. 입력 값의 범위가 작아야 한다. 현재의 경우와 이전의 경우 모두를 따져야 하므로 O(n^2) 의 시간복..

코딩 테스트 연습 중에 배열의 중복된 값을 제거하는 어려움을 만났다. 내가 생각한 코드는 너무 복잡하여 서치 해보던 중에 new Set() 이라는 것을 통해 배열의 중복 값을 제거하는 방법을 알아내었다. 그래서 이 함수에 대해 더 알아보고, 정리해보고자 한다. 1. Set 1) set의 중복된 값을 허용하지 않는 값의 집합을 나타내는 자료구조이다. 따라서 set 객체안에는 동일한 값을 가지지 않고, 유일한 값을 저장한다. 2) Set은 순서를 가지지 않는다. 따라서 값의 위치에 의존하지 않는다. 2. new Set () : Set 객체를 생성 let letters = new Set(["a","b","c"]); console.log(letters); 결과 사진과 같이 'a','b','c'의 값을 요소로 갖..
이 글은 생활 코딩의 강의를 보고 개인적으로 정리한 글입니다. 1. 웹 개발자 도구 웹 브라우저란 웹 서버에 설치되어있는 HTML을 받아 화면에 표시해주는 장치이다. 만약에 랴는 태그를 사용한다면 WB(Web Browser)는 태그를 만날 시 src 속성 값의 파일을 웹 서버에 들어가 몰래 다운 받고 화면 띄운다. 2. Mobile 지원
이 글은 생활 코딩의 강의를 보고 개인적으로 정리한 글입니다. Form은 선택하는 것들, 사용자가 입력한 것을 전송할 때 사용하는 것들이다. 오늘 이러한 form을 어떻게 작성하는지에 대해서 정리해보았다. 1. Form의 기본 정보를 입력받기 위해서는 이라는 태그를 사용한다. input의 type 속성에 따라서 각각의 형태가 달라진다. (1) type = "text" : 사용자가 정보를 입력할 수 있는 text box를 만들어준다. (2) type = "password" : 작성한 text 가 보이지 않도록 한다. (3) type = "input" : 서버로 데이터를 전송하는 버튼이다. input을 통해 사용자가 작성한 데이터는 태그를 사용하여 action의 속성에 전달 받을 사이트 주소를 넣어줌으로써 ..

이 글은 생활 코딩의 강의를 보고 개인적으로 정리한 글입니다. [HTML 통계에 기반한 학습] 강의 내용에서 모든 웹사이트들이 평균적으로 무슨 태그를 얼마나 사용하는 지에 대한 통계를 내 사이트를 보여주었다. 결과적으로 웹사이트들 대부분은 25~26개의 태그를 가지고 만들어진다고 한다. 이 사실을 알고 굉장히 신기했다. 생각해보면 애플리케이션을 만드는 프로젝트를 했을 때도 많은 속성 값을 이용하지 않았던 것 같다. front-end에서 중요한 것은 모든 태그들을 다 외우는 것이 아니라 '이 태그들을 가지고 어떻게 효율적으로 웹페이지를 만들 수 있을까' 에 대해서 극단적으로 생각하는 것이라고 생각이 들었다. [HTML의 기본 문법] 1. 의 경우 다음 줄로 넘어가는 태그이다. 이 태그의 경우 시각적인 의미..

이 글은 생활 코딩의 강의를 보고 개인적으로 정리한 글입니다. [HTML에 들어가기에 앞서] HTML의 문법에 대한 본격적인 내용에 앞서 HTML의 정의와 장점에 대해서 간단하게 설명하였다. HTML(Hyper Text Markup Language) : 문서와 문서가 링크로 이루어져 있으며(Hyper Text), 태그로 이루어진(Markup) 언어(Language) HTML의 장점 1. 쉬움 2. 중요함 [HTML 수업을 시작하기 위한 준비물] 1. 웹 브라우저 (Web Browser) 2. 코드 편집기 - VS Code를 사용할 예정이다. 3. 이번 수업의 목표 : 내가 가고 싶은 여행지(동남아, 일본 등)를 공유하는 웹 사이트를 만들고 싶다. 이번 수업을 들으면서 정해진 루트를 그대로 따라하기보다는 ..