초보개발자_기록

- 배열 추가(append) 실행 결과 - 원하는 길이만큼 출력해보기 실행결과 지난번에 알아본 배열과 같음. 다음은 어떤 의미일까. [-1] 실행해보면 다음과 같다. 가장 마지막(가장 최신의)값을 가져오게 된다. 참고로 문자열도 됨. - 배열의 길이 구하기 실행결과 - 배열 오름차순 정렬(sort) 실행결과 오름차순으로 정렬되었다. 중요한건 위 코드에서 짐작이 가듯이, 원본 배열이 수정되었음을 짐작할 수 있다. 내림차순은 다음과 같다. 실행결과 sort(reverse=True) 는 내림차순이 된다. true 의 t 는 대문자로 적어야함. 그리고 역시나 원본 배열이 수정되었음. - 찾으려는 값이 배열에 있는지 확인 실행결과 값이 없으면 False 가 나옴.

파이썬 2022. 2. 28. 15:42

파이썬에서 문자열 자르는 방법 중 대괄호를 사용하는 것이 있음. 실행결과 전체 문자열 중 길이 4만큼의 문자열을 출력하였음. 다음과 같이해도 결과는 같다. 실행결과 뭔가 몇번의 시도한 결과 [n:N] 의 뜻은, 'n번째부터 N번째 바로 직전의 index까지' 라는 개념인거같다. 그리고 [:N] , [0:N]은 똑같이 0부터인듯함. 그럼 반대로 다음과 같이 작성해보면 어떨까? 뭔가 뒤에서부터 길이 4만큼 불러올거같다. 결과값이 'hijk' 가 나올거같지만 실행해보면, 뒤에서부터 index 4 번째('e') 까지의 문자열을 출력해주고있다. 이부분은 혼란스러울 수 있으니 주의해야겠다. 참고로 다음과 같이 실행하면 어떻게 될까 좀 전의 실행결과(efghijk)와 같을거같지만 결과는 다음과 같다. 아무것도 나오지..

파이썬 2022. 2. 28. 14:04

파이썬을 이용해서 만든 토이프로젝트(영화 리뷰사이트)를 개인적으로 리액트로 만들어보기로 해봤다. 위 사진이 파이썬(파이참)을 이용해서 만든 토이프로젝트이다. 대부분 토이프로젝트에 함께 참여했던 팀원들이 만든거지만, 똑같이는 못만들어도 전체적인 느낌은 비슷하게 만들어보려고 한다. 우선 메인페이지에 영화정보를 표시해주는 기능을 먼저하려고함. 파이썬에서는 ajax를 이용해서 get으로 읽어왔는데, react에서는 axios라는 것을 먼저 설치해야한다. 프로젝트로 cd 이동 후 axios를 설치. 그리고 import를 해준다. 9번째줄이 API주소이고, axios.get(url)으로 읽어들이고 있다. 잘 읽어들이는지 콘솔로 출력해보면 콘솔출력 결과 results한에 20개의 영화정보배열이 들어가있는 것이 확인되..

리액트 2022. 2. 25. 21:43

1. 파이썬 기초 변수 기본연산 a = 3 b = a a = a + 1 num1 = a*b num2 = 99 자바와 다른 점은 중괄호 {} 와 세미콜론을 사용하지 않는 다는 것. 들여쓰기만으로 과연 구별이 될까?하면서 의문이 들었는데 적응되니 익숙해졌음. 그리고 무엇보다 자료형이 따로 없는거같음. 자바스크립트조차 var 혹은 let을 쓰는데 얘는 그런것조차 작성하지 않았음. 리스트사용법 기초 a_list = [] a_list.append(1) a_list.append([2,3]) 파이썬에서 리스트에 자료를 추가할 경우 append를 사용한다. Dictionary 형 a_dict = {} a_dict = {'name':'bob','age':21} a_dict['height'] = 178 자바스크립트와 동일..

파이썬 2022. 2. 11. 18:42

1. jQuery 개념 바닐라 자바스크립트보다 HTML 요소들을 조작하기 편하게 Javascript를 미리 작성해둔 라이브러리. 예) id가 'element' 인 HTML태그를 화면에서 안나오게 하고싶다. -Javascript document.getElementById("element").style.display="none"; -jQuery $('#element').hide(); jQuery를 사용하기 위해서 보통 CDN방식을 사용. 위 코드를 HTML의 head태그 내에 작성한다. 2. 기본사용법 input 박스의 값을 가져오기 영화URL //값을 가져옴 $('#url').val(); //값을 넣음 $('#url').val('여기에 입력'); div 보이기/숨기기 아이디가 'post-box'인 태그를 ..

파이썬 2022. 2. 11. 18:29

1. 서버/클라이언트/웹의 동작 개념 우리가 보는 웹페이지는 서버에서 준비된 HTML,CSS,Javacsript 등을 받아서 표시해주는 것. 즉, 브라우저(크롬,사파리 등)가 요청을 보내고, 받아온 HTML을 클라이언트 컴퓨터에 표시해주는 것. 서버가 만들어 놓은 API를 통해서 미리 정해진 약속대로 요청을 보내는 것. 하지만 매번 HTML등의 파일을 다운받는 것은 아님. 보통은 데이터만 받아오는 경우가 많음. 데이터만 받아오는 경우 위 이미지와같은 JSON 형식으로 받아오게 됨. 2. HTML과 CSS의 개념 HTML은 구역과 텍스트를 나타내는 뼈대, CSS는 구역과 텍스트를 꾸며주는 역할. HTML에는 많은 태그가 있으며 각 태그에는 다양한 속성이 있음. 예) div,table,tr,td,input,..

파이썬 2022. 2. 11. 18:12

등록되어있는 버킷리스트중 하나를 선택하면 디테일 페이지로 넘어감. 디테일페이지에서 [삭제]버튼을 누르면 해당버킷리스트가 지워지고 '내 버킷리스트'페이지로 돌아가는 알고리즘. '영화관 가기' 클릭 그리고 [삭제]버튼을 누르면 내 버킷리스트로 이동 문제는 마지막 버킷리스트(여기서는 코딩하기)를 누르면 문제가 생김. [삭제]를 누르면 다음과 같은 에러가 콘솔에 나옴. 아무페이지가 출력되지않으며, Cannot read properties... 에러가 나옴. 일단 소스코드는 다음과 같음. 해당 버킷리스트의 인덱스값을 파라미터로 리덕스에 넘겨주고있음. 그리고 리듀서에서 array.filter 를통해서 새로운 배열을 만들어서 리턴시키고 있음. 아무리봐도 문제될게 없어보였음. 그리고 에러문구를 읽어보면 .text 를 ..

리액트 2022. 2. 8. 20:01

퀴즈app 을 만들면서 라우팅을 적용시키는 과정에서 알게된 점을 정리해보겠다. 시작화면에서 이름을 입력하고 시작하기 버튼을 누르면 퀴즈페이지로 넘어가는 기능. 시작화면이 Start.js 컴포넌트이다. 그리고 App.js 파일이다. 처음 시작하면 path="/" 로 라우팅되어서 시작화면이 나오게 됨. 그리고 다시 Start.js 의 부분을 보면 Start.js 에는 Route 를 import 해주고있지않고, moveQuizPage 함수에서 useHisroty로 페이지 이동을 시키고 있음. 작동되지않을거라고 생각했는데 문제없이 라우팅이 동작하였음. 아무래도 App.js 에서 Start.js 를 import해서 사용하고있기때문에 작동되는 거라고 생각하고있음. 공부한지 얼마 되지않아 확실하지는 않지만 일단 이 ..

리액트 2022. 2. 7. 00:46