본문 바로가기

전체 글

 (150)
오늘의 기록 으엉어어어어 5시에 눈떴드아...!!!!!! 김미경 선생님 말씀대로 내가 살아나야 내 꿈도 살아난다!
리액트.1-2 #1.0 Start with react (리액트 초기화) 1. 프론트엔드 라이브러리의 사용 이유 유저와의 인터렉션이 증가. 이걸 HTML과 순수 JS로 관리한다고 생각해봐. 매번 select하고 다시 onclick등 이벤트 리스너 넣고.! 댓츠 노노 2. 리액트 프로젝트 시작해보자! 리액트는 컴포넌트를 여러 파일로 나누어서 관리한다. 이 컴포넌트는 JSX라는 문법으로 작성. 여러개의 파일을 하나로 결합하기 위해 우리는 webpack을 사용. 또, JSX나 ES6등 인간에게 친화된 JS를 쓰기 위해 Babel을 사용한다. (바벨이 브라우저가 알아듣도록 구린 JS로 바꿔준다.) 3. create-react-app 바벨 설치, 웹팩 설정은 매우매우 화가 나는 작업이다. 다행히 create-react-app이 ..
TIL :20191108 1. Sort sort시 35와 100을 비교하면 문자열처럼 취급해서 100이 먼저 온다. 이런 제길! fruits.sort(); var points = [40, 100, 1, 5, 25, 10]; points.sort(function(a, b){return a - b}); //작은 것부터 정렬하자 points.sort(function(a, b){return b-a}); //큰 것부터 정렬하자 이렇게 적어야함 잊지말자. 출처 : https://www.w3schools.com/js/js_array_sort.asp 프로그래머스 문제 풀이 lv.1 같은 숫자는 싫어 처음 풀이 function solution(arr) { var answer = []; for(let i=0; i {return item !== a..
DS school Level2 노트 [강의 목표] - 파이썬을 활용한 데이터 분석 및 인공지능&머신러닝 알고리즘 활용 시연을 본다 - 파이썬을 사용한 데이터 분석법 이해 - 파이썬(Python)을 배우자 [환경] 주피터 노트북(jupyter notebook) 장점: 코드를 그대로 실행할 수 있다 / 글 작성 가능 [타이타닉 엑셀에서 풀이하는 법 리뷰] 1. pclass 생존률의 격차가 있지만 50%를 넘기가 힘들다. 비슷한 성향을 가진 다른걸 쓰면 결과가 좋아지기 시작. (e.g. embark) 2. SibSp와 Parch 가설: 해상사고가 터졌을때 가족을 챙기느라 생존률 급감 SibSp + Parch 피봇테이블 3. Age 비어있는 경우 사망률 증가 -> 죽었으니까 나이를 물어볼 수가 없다. 단점: 빈칸은 사후정보로 현실세계에서는 쓸 수..
DS school 수강 노트 #1 데이터 분석: Pattern, rule을 찾은 다음 적용하기. 예측 모델 기존에 사건이 일어난 데이터를 분석한 다음에 현재 새로운 데이터에 다시 적용하는 방법. 첫번째 모델의 목표 : 가장 쉬운 모델 케글은 대소문자 구분에 민감하니 주의할 것 같은 내용으로 전체 채워넣기 -> + 커서 올리고 더블 클릭. ------ [1-7] 데이터 분석 루트 3가지 1. 가설을 세우기 2. 가설이 맞는지 검증 3. 검증된 것을 바탕으로 예측하기. 스프레드 전체 클릭- 데이터-피봇테이블 열과 필터는 버린다. 우리는 행과 값만 알고있자. 가설 1. 여성이면 살고 남성이면 죽는다 (데이터 분석: Pattern, rule을 찾은 다음 적용하기. 예측 모델 기존에 사건이 일어난 데이터를 분석한 다음에 현재 새로운 데이터에 다시..
이미지 일부만 보여주는 법 html, body { width: 100%; height: 100%; } div { height: 50%; width: 50%; overflow: hidden; } img { width: 100%; }
반응형 웹#8 미디어 쿼리와 뷰포트(2) minimum과 maximum을 1로 정할 경우 userpscalable 1로 한 경우와 같다.
반응형 웹#7 미디어 쿼리와 뷰포트(1) [only 또는 not] @media [미디어 유형] [and 또는 ,콤마](조건문){실행문} only: 해당 미디어만 not: 해당 미디어 제외하고 전부 e.g. not @media .tv => tv 제외하고 전부. [미디어유형]: 생략시 all keyword와 동일하게 행동 all, print, screen, tv, projection, handhold, speech, aural, embossed, tty, Braille 스마트기기: [and, 콤마]: comma는 or과 동일하게 작동. 미디어 유형의 종류 미디어 쿼리 적용법 미디어 쿼리 주의사항 1. @media all and 공백 (min-width:320px){실행문} 2. 조건문 접두사인 min/max를 사용할때, min 접두사는 크기가 작은..

티스토리툴바