까막눈코딩

1. Props Props는 부모 컴포넌트에서 자식 컴포넌트로 전달하는 값으로 Properties를 줄인 것이다. 부모 컴포넌트의 render 함수에서, return 값에 자식 컴포넌트를 JSX 문법에 따라 반환하는데, 이 때 자식 컴포넌트의 속성으로 전달되는 값이 props이다. 자식 컴포넌트 입장에서 이 Props는 읽기 전용이며, 객체 형태로 전달된다. import React, { Component } from 'react'; import Child from './Component/Child'; class App extends Component { render() { return ( Hello, World! ); } } export default App; 부모 컴포넌트인 App에서 자식 컴포넌트인 ..

Knowledge/React.js 2021. 6. 14. 14:00

1. import React import React, { Component } from 'react'; 자바스크립트에서 리액트를 사용하기 위해서는 위와 같이 리액트를 import 해야 한다. class App extends Component { render() { return ( JSX ); }; } 컴포넌트를 만드는 방법은 class를 통해서 만드는 방식과 function을 통해서 만드는 방식이 있다. class를 통해서 만들 때는, Component를 상속받은 새로운 클래스(여기서는 App)를 만드는 것과 같다. 클래스 형태로 만들어진 컴포넌트에는 render 함수가 있어야 하며, 이 함수는 JSX를 return해야 한다. export default App; 작성한 컴포넌트를 다른 곳에서 사용하기 위..

Knowledge/React.js 2021. 6. 10. 19:42

1. 개요 다음과 같은 기능을 완성했다. 달력 - 현재 페이지에 이번 달의 날짜 및 요일 표시하기 - 현재 페이지를 넘겨 다음 달, 이전 달의 날짜 표시하기 - 휴일 및 토요일 표시하기 - 오늘 날짜에 회색 원 표시하기 - 클릭한 날짜에 파란색 원 표시하기 To-do List - 제출된 값을 로컬 저장소에 저장하기 - 로컬 저장소에 있는 값 표시하기 - 체크박스를 클릭하여 취소선 긋기 - 표시된 값을 화면과 로컬 저장소에서 제거하기 2. 현재 페이지에 표시될 날짜 구하기 const now = new Date(); let year = now.getFullYear(); let month = now.getMonth(); Date 클래스로부터 now 객체를 생성해 현재 날짜와 시간 정보를 받아오고, year, ..

Knowledge/Javascript 2021. 6. 7. 23:48

1. 두 개 뽑아서 더하기 def solution(numbers): answer = [] for i in range(len(numbers)): for j in range(len(numbers)): if i != j: answer.append(numbers[i]+numbers[j]) answer = sorted(list(set(answer))) return answer 같은 배열을 두 번 사용하는 방법이 있었다. 처음에는 이게 가능한지 몰라서 numbers 배열을 복사해서 사용하려고 시도했다. 인덱스 i와 j가 같지 않은 경우에만 더해준 뒤, set으로 중복을 제거하고, list와 sorted로 정렬하면 된다. 2. 문자열 내 마음대로 정렬하기 def solution(strings, n): answer =..

Coding Test/[Python] Programmers lv1 2021. 5. 25. 21:21

1. 3진법 뒤집기 def solution(n): answer = 0 trinary = [] while n > 0: remainder = n % 3 trinary.append(remainder) n = n // 3 trinary.reverse() for i in range(len(trinary)): answer += trinary[i] * (3**i) return answer 십진법을 n진법으로 변환하는 방법을 알면 된다. 십진수 n을 3진법으로 나타낼 때, n을 3으로 나눈 나머지가 3진수의 첫 번째 자리 숫자가 된다. 몫은 다시 3으로 나누고, 그 나머지는 다시 3진수의 두 번째 자리 숫자가 된다. 이를 3으로 더이상 나누어지지 않을 때까지 반복하면 된다. 이를 통해 구한 3진수의 각 자리 숫자들을 ..

Coding Test/[Python] Programmers lv1 2021. 5. 25. 09:57

1. 포켓몬 def solution(nums): answer = 0 species = [] for num in nums: if num not in species: species.append(num); if len(species)

Coding Test/[Python] Programmers lv1 2021. 5. 22. 00:03

1. 이상한 문자 만들기 def solution(s): answer = '' word_list = [] for str in s.split(" "): string_list = [] for i in range(len(str)): if i % 2 == 0: string_list.append(str[i].upper()) else: string_list.append(str[i].lower()) word_list.append(''.join(string_list)) answer = ' '.join(word_list) return answer 띄어쓰기를 기준으로 단어를 나누고, 각 단어의 홀수 번째 문자는 소문자, 짝수 번째 문자는 대문자로 바꾸어야 한다. 이를 위해 먼저 문장을 나눈 단어들을 넣을 빈 배열인 word..

Coding Test/[Python] Programmers lv1 2021. 5. 16. 14:19

1. 제일 작은 수 제거하기 def solution(arr): answer = [] throw_this_away = min(arr) for i in arr: if i != throw_this_away: answer.append(i) if(len(answer) == 0): answer = [-1] return answer 먼저, 주어진 배열에서 가장 작은 숫자를 throw_this_away 변수에 할당한다. 주어진 배열의 모든 원소에 대해서, throw_this_away 가 아닌 원소들은 answer 배열로 넣고, answer를 반환한다. answer이 비어있을 경우에는 -1을 원소로 넣은 뒤 반환한다. 2. 정수 내림차순으로 배치하기 import math def solution(n): answer = 0..

Coding Test/[Python] Programmers lv1 2021. 5. 15. 23:45