Developer

파이썬의 시작 1. 파이썬의 기원 1) 파이썬의 개발 배경- 1991년 히도 판 로쉼(Guido van Rossum)이 개발- 네덜란드 암스테르담 대학에서 컴퓨터 전공- 크리스마스 휴가 기간 프로그래밍 프로젝트에서 시작- 코미디 'Monty Python's Flying Circus'를 따서 명명 - 파일관리, 프로그램 실행, 반복 작업 자동화 등의 기능을 수행하는 언어 체계 용도로 개발- 프로그래밍을 더욱 인간 친화적이고 접근 가능한 분야로 혁신적으로 변화 2) 파이썬의 기본 철학- 읽기 쉽고 간결한 문법 - 프로그래밍 패러다임, 문법에 따라 다양한 표현 가능- 다중 프로그래밍 패러다임 채용 - 알고리즘을 프로그래밍 언어로 표현하는 접근 방식- 명령형 프로그래밍, 절차적 프로그래밍, 객체지향 프로그래밍..

컴퓨터의 구성 1. 컴퓨터가 다루려고 하는 대상-> 데이터, 정보 1) 데이터(data): 관찰이나 측정을 통해 얻은 수치, 문자 형태의 표현할 수 있는 또는 양적 값 2) 정보(information): 획득한 데이터를 처리해 실제 문제 해결이 도움이 되도록 변형된 데이터 또는 결과물 현상 > 관찰/측정 > 데이터 > 처리/가공 > 정보 3) 컴퓨터: 사전에 정의된 절차에 따라 입력 데이터를 자동으로 처리해 정보를 생산하는 기계 2. 컴퓨터의 구성요소: 하드웨어+소프트웨어 1) 하드웨어: 컴퓨터를 구성하고 있는 물리적 부품(처리장치) 2) 소프트웨어: 다양한 장치들을 동작시켜 특정 작업을 해결하는 프로그램 3) 하드웨어의 물리적 구성CPU, ODD, RAM, HDD, Video Card 4) 하드웨어..

통계학이란 1. 통계학: 데이터에 관한 학문 - 불확실한 현상을 이해하기 위해 데이터를 수집하고, 데이터 패턴을 요약하고, 분석하여-> 불확실한 현상에 대한 결론을 찾는 학문 - 데이터란 세상을 이해하는 창- 어떤 현상을 이해하기 위해 그 현상을 관찰해 데이터를 수집 - 전통적인 데이터 수집 방법: 관찰, 설문조사, 실험 등 - 현대의 데이터 수집 방법: 컴퓨터와 정보통신 기술의 발달로 매일 방대한 양의 데이터가 생산됨-> 데이터 폭발=> 데이터에서 쓸모있는 정보를 얻기 위한 별도의 과정이 필요 2. 통계학의 역할 1) 데이터 수집: 알고 싶은 현상을 왜곡되지 않게, 잘 반영하는 데이터를 수집하기 위해 통계적 원리를 사용 2) 데이터 요약: 데이터가 가진 특징과 패턴을 정확하고 효과적으로 드러내기 위..

R이란 - 통계 분석과 그래프 작성에 쓰이는 무료 소프트웨어- Windows, MacOS, Linux 등 다양한 컴퓨터 환경에 쉽게 설치, 사용 가능- R development core team에 의해 유지, 개선 - 누구나 새로운 함수를 개발해 '패키지' 형태로 공유 가능-> 상업용 소프트웨어에 비해 다양한 분석 가능 R 다운로드 CRAN(https://cran.r-project.org) https://cran.r-project.orgg : 컴퓨터 사양에 따라 필요한 것으로 다운로드 : 처음 설치하는 사람은 base로 설치-> 다운로드 받은 파일을 실행해 설치해주면 된다 RStudio 편집기 RStudio: R을 편리하게 이용할 수 있게 해 주는 편집기 https://www.rstudi..

context 리액트의 컨텍스트(Context) - Context: 컨테이너 내에서 컨텍스트로 둘러싸인 컴포넌트 사용가능한 전역변수라고 이해할 수 있다- Provider(공급자) -> Consumer(수요자) Context API란?- Props를 넘겨주지 않고도 컴포넌트 트리 전체에 데이터를 처리할 수 있도록 제공해주는 API - 리액의 내장 API(16버전 이상) 중 하나 -> 내장되어 있기 때문에 별도로 설치하지 않아도 사용 가능 Props의 드릴링- 드릴링: 부모 컴포넌트부터 최하위 컴포넌트까지 Props를 보내는 과정 -> A.jsx ~ Z.jsx까지 있다고 가정할 때 부모 A컴포넌트부터 최하위 Z컴포넌트까지 Props를 보내는 과정 Context API의 사용- 변화가 없는 것. 즉 다크모..

component import React from 'react';import Button from './style';const BasicButton = ({size, shape, variant, border, font, color, children}) => { return ( {children} );};export default BasicButton; : size={""} shape={""} variant={""} border={""} font={""} color={""} -> 사용하고자 하는 요소들의 key값을 비구조할당함 import styled, {css} from "styled-components";import { flexCenter } from "../../s..

icon - 다양한 아이콘 무료 사용 가능- 애니메이션 아이콘 생성 가능 https://fontawesome.com/ Font AwesomeThe internet's icon library + toolkit. Used by millions of designers, devs, & content creators. Open-source. Always free. Always awesome.fontawesome.com yarn add styled-components @fortawesome/free-solid-svg-icons @fortawesome/free-regular-svg-icons @fortawesome/react-fontawesome styled-reset @fortawesome/fontawesom..

breakpoint.js - 미디어 사이즈를 정의하는 파일- 모바일, pc, 태블릿 등 미디어별로 이펙트 부여 가능 breakpoint.js>const size ={ mobile: "480px", tablet: "768px", laptop: "1024px", desktop: "1280px"}export const media = { mobile: `(max-width: ${size.mobile})`, tablet: `(max-width: ${size.tablet})`, laptop: `(max-width: ${size.laptop})`, desktop: `(max-width: ${size.desktop})`} import styled from "styled-components";i..

keyframes.js - keyframes 폴더로 애니메이션 이펙트 관리- keyframes > keyframes.js 파일 내에서 이펙트 구현 import { keyframes } from "styled-components";export const fadeIn = keyframes` 0% { opacity: 0; transform: translate(0, -30px); } 100% { opacity: 1; transform: translate(0, 0); }` import styled from "styled-components";import { flexCenter, flexCenterColumn, flexColumn, h1Bold, h3Regular } from ..

theme.js - 테마 관련 정의 파일 - UI/UX 가이드에 정의된 값을 정의하는 파일 theme.js에서 전체 테마를 정의한 후 common.js에서 프로젝트에서 자주 쓰이는 공통 속성을 정의style.js에서 해당 폴더에 적용하는 스타일을 변경 가능하도록 정의해 사용 theme.js>const theme = {}; theme.PALETTE = { primary: { main: "#ffd159", sub: "#fff4d8" }, secondary: "#f1ebf5", white: "#fff", gray: { 100: "#f1ebf5", 200: "#aea8be", 300: "#605866" }, error:..