일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- Redux
- HTML #CSS
- React Kakao map
- HTML
- Next
- spread operation
- CSS
- es6
- react
- Python #Baekjoon
- Python
- Nullish Coalescing Operator
- firebase
- JavaScript
- Default parameter
- es11
- 프로그래머스
- Hooks
- 카카오맵
- optional chanining
- Python #CodeUp
- Template literals
- css #html
- nextjs
- React #Hooks
- BOJ
- 카카오맵 api
- Today
- Total
목록분류 전체보기 (105)
거북이개발자
0. 제목 프로그래머스 완주하지 못한 선수 1. 문제 https://programmers.co.kr/learn/courses/30/lessons/42576 코딩테스트 연습 - 완주하지 못한 선수 수많은 마라톤 선수들이 마라톤에 참여하였습니다. 단 한 명의 선수를 제외하고는 모든 선수가 마라톤을 완주하였습니다. 마라톤에 참여한 선수들의 이름이 담긴 배열 participant와 완주한 선수 programmers.co.kr 2. 풀이 두 배열중 있는 이름은 삭제하는 식으로 했다 하지만 효율성 오류가 난다. sort후 zip을 이용하여 값이 다르게 짝지어진 값을 구한다. 3. 코드 def solution(participant, completion): answer = '' participant.sort() com..
0. 제목 프로그래머스 폰켓몬 1. 문제 https://programmers.co.kr/learn/courses/30/lessons/1845 코딩테스트 연습 - 폰켓몬 당신은 폰켓몬을 잡기 위한 오랜 여행 끝에, 홍 박사님의 연구실에 도착했습니다. 홍 박사님은 당신에게 자신의 연구실에 있는 총 N 마리의 폰켓몬 중에서 N/2마리를 가져가도 좋다고 했습니다. programmers.co.kr 2. 풀이 최대 종류수는 N/2이다 중복되지 않은 배열을 만들어서 N/2보다 작으면 그 배열을 len값 아니면 N/2값이다. 3. 코드 def solution(nums): list=[] for i in nums: if i not in list: list.append(i) if((len(nums)/2)
0. 제목 백준 1568 새 1. 문제 www.acmicpc.net/problem/1568 1568번: 새 N마리의 새가 나무에 앉아있고, 자연수를 배우기 원한다. 새들은 1부터 모든 자연수를 오름차순으로 노래한다. 어떤 숫자 K를 노래할 때, K마리의 새가 나무에서 하늘을 향해 날아간다. 만약, 현 www.acmicpc.net 2. 풀이 전체 탐색을 한다. 3. 코드 N=int(input()) K=1 time=0 while N > 0 : if(N-K >= 0): N-=K time+=1 K+=1 else: K=1 print(time)
0. 제목 백준 1543 문서 검색 1. 문제 www.acmicpc.net/problem/1543 1543번: 문서 검색 세준이는 영어로만 이루어진 어떤 문서를 검색하는 함수를 만들려고 한다. 이 함수는 어떤 단어가 총 몇 번 등장하는지 세려고 한다. 그러나, 세준이의 함수는 중복되어 세는 것은 빼고 세야 한 www.acmicpc.net 2. 풀이 두 번째 문자로 첫 번째 문자 맨 앞부터 전체 검색한다. 맞으면 길이만큼, 틀리면 한 칸만 움직인다. 3. 코드 a=input() b=input() result=0 i=0 while i -1): result +=1 i+=len(b) else : i+=1 print(r..
1. 시맨틱 마크업이란? - HTML5의 가장 큰 특징 중 하나인 시맨틱 태그이다. - 시맨틱은 "의미론적인"이란 뜻을 가진 단어이다. - 간단한 예로 는 non-semantic이다. -, , 은 semantic 태그이다. 2. 시맨틱 마크업 장점 - 접근성이 좋아짐 - SEO에 유리해진다. - 코드 가독성이 좋아진다. - 코드와 데이터의 재상 용성이 높아진다. 3. 자주 사용하는 시맨틱 마크업 - : 페이지에서 머리말 - : 내비게이션 역할을 하는 태그로 보통 에 사용이 많이 된다. - : 주로 콘텐츠 영역을 나타낸다. - : 실질적인 내용이 들어가야 하는 영역으로 사용한다. - : 배너, 사이드바와 같은 영역에 주로 사용된다. - : 외부 문서를 삽입할대 사용된다. - : 주로 안에서 사이트의 제작자..
1. 순서 - : HTML 파싱이 중단되고 즉시 스크립트가 로드되며 로드된 스크립트가 실행되고 파싱이 재개된다. - : HTML 파싱과 병력적으로 로드가 되는데, 스크립트를 실행할 때는 파싱이 중단된다. 구글 애널리틱스와 같이 다른 스크립트가 의존하지 않는 독자적인 스크립트를 로드할 때 적합하다. - : HTML 파싱과 병력적으로 로드가 되는데, 파싱이 끝나고 스크립트를 로드한다. 보통 태그 직전에 를 삽입하는 것과 동작은 같지만 브라우저 호환성에서 다를 수 있으므로 그냥 태그 직전에 삽입하는 것이 좋다.
1. Local Storage setItem("key", "value") getItem("key") removeItem("key") clear() - 단순하고 사용하기 쉬운 key, value 저장소이다. - 기능이 key, value로 한정적이며 string 타입만 지원한다. - 지원 용량이 5mb ~ 10mb 정도이다. - 데이터를 만료기간 없이 계속 저장할 수 있다. 2. Session Storage setItem("key", "value") getItem("key") removeItem("key") clear() - api 사용방법은 local storage와 비슷한다. - 브라우저를 종료하거나, 새 탭을 열면 Session storage는 초기화된다. - 새로고침 시에는 데이터가 유지된다. - ..
1. 과거 웹 페이지 - 과거 웹 페이지는 넷스케이프 내비게이터용과 인터넷 익스플로러용의 두 가지 버전으로 만들어졌다. - W3C가 웹 표준을 만들면서 브라우저가 웹 사이트를 제대로 표현할 수 없게 되자 렌더링을 할 때 표준 모드와 호환 모드로 렌더링을 할 수 있게 옵션을 제공한다. 2. 표준 모드(Standards mode) VS 호환 모드(Quirks mode) - 브라우저는 HTML 문서가 DOCTYPE을 가지고 있지 않으면 호환 모드로 렌더링을 하고, 가지고 있다면 주어진 DOCTYPE에 맞게 표준 모드로 렌더링을 한다. - 호환 모드로 렌더링을 하게 되면 오래된 웹페이지들을 최신 버전의 브라우저에서도 깨지지 않게 하기 때문에 각 브라우저마다 다르게 보일 수 있다. -결론적으로 일반적인 경우 DO..