전체 글 181

프로그래머스 Level 1) 리스트 평균 구하기

문제 설명 정수를 담고 있는 배열 arr의 평균값을 return하는 함수, solution을 완성해보세요. 제한사항 - arr은 길이 1 이상, 100 이하인 배열입니다. - arr의 원소는 -10,000 이상 10,000 이하인 정수입니다. 입출력 예 arr return [1,2,3,4] 2.5 [5,5] 5 접근 방법 평균 = 리스트 요소들의 합 / 리스트 요소의 개수 리스트의 합은 sum(리스트)로 구할 수 있다. 정답 def solution(arr): avg = sum(arr)/len(arr) return avg #print(solution([1,2,3,4]))

HTML&CSS) HTML 버튼 만들기 button

버튼 만드는 방법 4가지! 방법1 . input태그에 type으로 button을 지정하고 value에 글자를 넣으면 그 글자대로 버튼이 생긴다. 방법2 . submit은 태그의 결과 전송 용도로 주로 쓰인다. input태그에 type으로 submit을 지정하고 value글자대로 버튼이 생긴다. submit 타입은 데이터를 아무런 검증없이 보내기때문에 자바스크립트에서 검증을 한 후 데이터를 전송해야한다. 방법3 . 버튼태그 흔히 많이 쓰는 방법이다. 방법4 . 는 일반 text를 쓸때 사용하는 태그로, 위의 세 가지 방법과는 달리 눌리는 기능이 없다. 그래서 CSS로 뒷배경 색깔을 넣어서 버튼처럼 보이게 만든 후 기능을 달아서 사용한다.' 버튼 같지 않지만 버튼이 될 거야. 태그와 같이사용해서 버튼기능을 ..

Front-end/HTML&CSS 2021.11.18

HTML&CSS) 목록 태그 ul 와 li, 목록 스타일 없애기

목록을 만들 경우에는 또는 태그로 감싸고 그 안에 태그를 사용한다. 1. 순서 있는 목록: 항목 항목 *순서 알파벳으로 항목 항목 2. 순서 없는 목록: 에 type옵션으로 모양을 다르게할 수 있다. 항목 항목 항목 항목 항목 항목 3. 설명 목록: 자동으로 들여쓰기가 되며, 목록 스타일이 없다. 설명 목록 목록 분류 항목1 항목2 4. 목록 스타일 없애기 태그는 기본적으로 목록 앞에 ⦁ 점이 붙는다. ⦁ 이 아니더라도, 번호(1,2,a,b)같이 목록 앞에 무언가가 붙는데, 없애고 싶으면 css부분 *목록만들기 항목 항목 1번이 없어졌다!

Front-end/HTML&CSS 2021.11.18

HTML&CSS) inline과 block 차이

block inline 1 inline 2 inline 본인 크기만큼 자리를 차지하는 속성. 기본적으로 본인 크기만큼만 자리를 차지하기 때문에 줄바꿈없이 다른 태그들과 같이 나란히 배치된다. 대표 inline 엘리먼트 , , 특징 크기를 지정해도(width, height) 무시된다. -> 내용의 크기만큼만 공간을 차지하도록 되있어서 margin과 padding은 좌우로만 적용되고 상하는 적용되지 않는다. block 얼만큼의 컨텐츠를 가지고 있던 기본적으로 한 줄을 다 차지한다. 한 줄을 다 차지하기때문에 다른 엘리먼트들과 같이 있을 수 없어 자동으로 줄바꿈이 적용된다. 대표 block 엘리먼트 , , 특징 width, height, margin, padding이 모두 반영된다. inline-block 기..

Front-end/HTML&CSS 2021.11.18

프로그래머스 Level 1) 핸드폰 번호 가리기

문제 설명 프로그래머스 모바일은 개인정보 보호를 위해 고지서를 보낼 때 고객들의 전화번호의 일부를 가립니다. 전화번호가 문자열 phone_number로 주어졌을 때, 전화번호의 뒷 4자리를 제외한 나머지 숫자를 전부 *으로 가린 문자열을 리턴하는 함수, solution을 완성해주세요. 제한 조건 s는 길이 4 이상, 20이하인 문자열입니다. 입출력 예 phone_number return "01033334444" "*******4444" "027778888" "*****8888" 접근방법 문자열을 잘라야한다. 뒤에 4자리가 필요하므로 뒤에서 4자리를 자른 후, 4자리를 뺀 앞의 숫자만큼 '*'을 붙여야한다. 정답 def hide_number(number): return (len(number)-4)*'*' ..

프로그래머스 Level 1) 행렬의 덧셈(열끼리 덧셈)

문제 행렬의 덧셈은 행과 열의 크기가 같은 두 행렬의 같은 행, 같은 열의 값을 서로 더한 결과가 됩니다. 2개의 행렬 arr1과 arr2를 입력받아, 행렬 덧셈의 결과를 반환하는 함수, solution을 완성해주세요. 제한 조건 행렬 arr1, arr2의 행과 열의 길이는 500을 넘지 않습니다. 입출력 예 arr1 arr2 return [[1,2],[2,3]] [[3,4],[5,6]] [[4,6],[7,9]] [[1],[2]] [[3],[4]] [[4],[6]] 접근방법 정답1. 최근 새로운 for문 사용법을 보고 공부했기에 그 방법으로 적용해서 풀어봤다. def solution(a, b): answer = [[a[i][j]+b[i][j] for j in range(len(a[0]))] for i i..

Python) 2차원 리스트 만들기

1차원 리스트 test = [ 0, 1, 3, 2, 7 ] 2차원 리스트 test = [[0, 1], [2, 2], [3, 5]] 행3, 열2의 2차원 리스트를 만든다. 방법1. #만들 리스트 선언 answer = [] for i in range (3): #안쪽의 리스트를 담을 빈 리스트를 선언 test = [] for j in range (2): test.append(i) answer.append(test) print(answer) #결과 [[0, 0], [1, 1], [2, 2]] 방법2. a = [[0] * 2 for i in range(3)] print(a) #결과 [[0, 0], [0, 0], [0, 0]]

카테고리 없음 2021.11.17

프로그래머스 Level 1) x만큼 간격있는 n개의 숫자

문제 설명 함수 solution은 정수 x와 자연수 n을 입력 받아, x부터 시작해 x씩 증가하는 숫자를 n개 지니는 리스트를 리턴해야 합니다. 다음 제한 조건을 보고, 조건을 만족하는 함수, solution을 완성해주세요. 제한조건 x는 -10000000 이상, 10000000 이하인 정수입니다. n은 1000 이하인 자연수입니다. 입출력 예 x n answer 2 5 [2,4,6,8,10] 4 3 [4,8,12] -4 2 [-4, -8] 접근방법 리스트를 출력해야하므로 빈 리스트 answer = [ ] 를 정의한다. 리스트는 x부터 시작해서 x만큼 늘어나는 것을 n번 반복해야한다. 방법1. 누적한 결과를 담을 a라는 변수를 반들어 a에 x를 계속 더해가며 리스트에 추가하는 방법. def solutio..

프로그래머스 Level 1) 직사각형 별찍기

문제 설명 이 문제에는 표준 입력으로 두 개의 정수 n과 m이 주어집니다. 별(*) 문자를 이용해 가로의 길이가 n, 세로의 길이가 m인 직사각형 형태를 출력해보세요. 제한 조건 n과 m은 각각 1000 이하인 자연수입니다. 예시 입력 5 3 출력 ***** ***** ***** 접근방법 첫 번째 입력 수 만큼 행방향으로 별을 찍고, 두 번째 숫자만큼의 행으로 별을 찍는다. 반복문 두개를 돌려서 반복하여 찍으면된다. a, b = map(int, input().strip().split()) for i in range (b): for j in range (a): print('*', end='') print() 위의 풀이는 정석(?)으로, 중첩 for문을 연습할때 주로 많이 사용하는 방법이고 사실은 반복문 하..

리액트 설치 방법 - 리눅스

1. curl 설치 sudo apt install curl ​ ​ 2. PPA(개인아카이브) 등록하기 curl -sL https://deb.nodesource.com/setup_15.x | sudo -E bash - ​ ​ ​ 3. 노드 설치하기, 버전 확인 sudo apt-get install -y nodejs node -v ​ ​ ​ 4. npm 설치 curl -sL https://npmjs.org/install.sh | sh sudo npm update -g npm ​ ​ 5. create-react-app 설치 npm install -g create-react-app create-react-app 앱이름짓기 cd 앱이름 npm start ​

Front-end/React 2021.11.15
반응형