본문 바로가기

전체 글76

프로그래머스 기초문제 Day13 리스트(배열) Day13 리스트(배열) n번째 원소부터 순서 바꾸기 왼쪽 오른 n번째 원소까지 n개 간격의 원소 n번째 원소부터 문제 설명 정수 리스트 num_list와 정수 n이 주어질 때, n 번째 원소부터 마지막 원소까지의 모든 원소를 담은 리스트를 return하도록 solution 함수를 완성해주세요. def solution(num_list, n): return num_list[n-1:] 3번째 원소면 2번째 인덱스부터 시작해야 하니 슬라이싱 n-1부터 끝까지 순서 바꾸기 문제 설명 정수 리스트 num_list와 정수 n이 주어질 때, num_list를 n 번째 원소 이후의 원소들과 n 번째까지의 원소들로 나눠 n 번째 원소 이후의 원소들을 n 번째까지의 원소들 앞에 붙인 리스트를 return하도록 soluti.. 2024. 1. 13.
2023 멋쟁이사자처럼 CSS 강의 회고 2023년도 멋쟁이사자처럼 운영진으로 아기사자들에게 CSS 강의를 했었다. 그때는 운영진도 처음, 강의도 처음이라 정말 걱정이 컸다. CSS에 대해 대충은 알고 있었지만, 사람들에게 알려줄 만큼의 실력일까하는 의문도 있었다. 그래도.. 해야하기에 일단 준비는 했다. 아기사자를 맞이하기 전 겨울방학에 운영진들끼리 운영진 스터디를 진행했고, 먼저 운영진들 앞에서 강의를 연습하기로 했다. 강의자료 준비 강의자료를 만들면서 머릿속으로만 아는 개념을 사람들한테 어떻게 설명할지가 제일 고민이었다. 뭔가 머릿속으로는 다 아는데 사람들에게 설명하려니까 말이 안 나왔다. 그래서 그 개념들에 대해 구글링도 해보고 책도 찾아보며 설명할 수 있는 방법을 찾았다. 지금 생각해보면 그 개념들을 잘 설명하지 못한 이유는 100% .. 2024. 1. 12.
프로그래머스 기초문제 Day12 리스트(배열) Day12 리스트(배열) 리스트 자르기 첫 번째로 나오는 음수 배열 만들기 3 2의 영역 배열 조각하기 리스트 자르기 문제 설명 정수 n과 정수 3개가 담긴 리스트 slicer 그리고 정수 여러 개가 담긴 리스트 num_list가 주어집니다. slicer에 담긴 정수를 차례대로 a, b, c라고 할 때, n에 따라 다음과 같이 num_list를 슬라이싱 하려고 합니다. n = 1 : num_list의 0번 인덱스부터 b번 인덱스까지 n = 2 : num_list의 a번 인덱스부터 마지막 인덱스까지 n = 3 : num_list의 a번 인덱스부터 b번 인덱스까지 n = 4 : num_list의 a번 인덱스부터 b번 인덱스까지 c 간격으로 올바르게 슬라이싱한 리스트를 return하도록 solution 함수를.. 2024. 1. 12.
[React] 파일 구조 정리 및 이해 리액트 프로젝트를 생성하면 이렇게나 많은 파일들이 자동으로 생성된다. 여기서 필요한 것과 불필요한 것을 나뉘어서 불필요한 것은 과감하게 삭제할 것이다. 나는 개발을 시작할 때 딱 필요한 파일들만 남겨두고 모두 삭제한채로 개발을 시작한다. 삭제한다고 해서 문제될 것 딱히 없기 때문이다 먼저 public 폴더에 index.html을 두고 다 삭제한다. 그리고 index.html 파일 내 코드들도 필요한 것만 남기고 삭제한다. 폴더 안을 보면 삭제하는 것들이 리액트png 로고 이런 것들이어서 딱히 상관없다는 것을 알 수 있다. src 폴더도 정리한다. index.js, App.js 파일만 남기고 모두 삭제한다. css 파일 같은 경우는 필요하다면 내가 직접 만들면 되기 때문에 전혀 상관없다! 파일들을 삭제하면.. 2024. 1. 11.
프로그래머스 기초문제 Day11 리스트(배열) Day11 문자 개수 세기 배열 만들기 1 글자 지우기 카운트 다운 가까운 1 찾기 문자 개수 세기 문제 설명 알파벳 대소문자로만 이루어진 문자열 my_string이 주어질 때, my_string에서 'A'의 개수, my_string에서 'B'의 개수,..., my_string에서 'Z'의 개수, my_string에서 'a'의 개수, my_string에서 'b'의 개수,..., my_string에서 'z'의 개수를 순서대로 담은 길이 52의 정수 배열을 return 하는 solution 함수를 작성해 주세요. def solution(my_string): answer = [0] * 52 c = [ord(i) for i in list(my_string)] for i in c: if 65 크거나 같은 O 으로.. 2024. 1. 11.
[React] 개발 환경 세팅 및 기본 커맨드 개발 환경 세팅 1. node.js 설치 (다운로드 왼쪽이 더 안정적인 버전) https://nodejs.org/en Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 2. 프로젝트 생성 : npm init react-app npm init react-app . : 현재 폴더에 프로젝트를 생성하겠다. (vsCode열고 터미널에서 실행) 3. 프로젝트 시작(개발 모드 실행) : npm run start 4. 구조를 살펴보자 js 파일인데 html 코드가 섞여있다. hmm 리액트는 js 코드 안에 html 코드를 섞어쓴다. 이런 문법을 jsx 라고 함 !! 다음 포스팅에 설명 5. 개발 모드 종.. 2024. 1. 10.

티스토리툴바