목록방법 (37)
NOW OR NEVER
리액트 리덕스 미들웨어 리덕스가 가지고 있는 핵심 기능 리덕스 사용시 미들웨어를 사용하지 않는 다면 context API 등과 다를 것이 없음 액션 -> 미들웨어 -> 리듀서 -> 스토어 액션 디스패치 될 때 미들웨어에서 특정 조건에 따라 무시할 수 있게 할 수 있다(리듀스에서 해당 액션을 처리하지 않는다는 뜻), 액션이 리듀서에 도달하기 전에 처리할 수 있음(액션 수정하거나 콘솔에 나타나게 함) 주로 비동기 작업을 처리 할 때 사용(redux-thunk, redux-saga) ex) API 요청 일반적으로 라이브러리로 만들어진 리덕스 미들웨어 사용 ex) redux-thunk, redux-saga, redux-observable, redux-promise-middleware(프로미스 기반 미들웨어) 등..
리액트 API 연동 redux는 API 연동 필수적인 요소가 아니다. API 연동 기본 npx create-react-app > yarn add axios axios 라이브러리 : rest api를 요청하게 될 때 프로미스 기반으로 처리할 수 있게 해주는 라이브러리(rest api 쉽게 요청 가능) import axios from ‘axios’; 요청 방법 : axios.HTTP메서드(요청 api 주소와 (정보)) ; rest api : 클라이언트와 서버가 소통하는 방식 중 하나(HTTP 메서드(GET, POST, PUT, DELETE)를 통해 구분) HTTP 메서드 : GET(데이터 조회), POST(데이터 등록), PUT(데이터 수정), DELETE(데이터 제거) 컴포넌트에서 api 요청하는 방법 a..
Git & GitHub GitHub에 코드를 올리는 과정 1. git을 쓸 컴퓨터 프로젝트 폴더에 git을 쓸거라고 명령 2. 코딩 3. git add: 변경한 파일 중 올리기 원하는 것만 선택 ex) 열개 파일 변경시 세개만 올리고 싶을시 4. git commit -m “설명” :선택한 파일을 한 덩어리(commit)로 만든 후 그 덩어리에 대한 설명을 적어주기(이것을 GitHub에 올리는 것이다) ex) 메인화면 클릭 버그 고치기 5. GitHub 사이트에서 프로젝트 저장소 만들기(블로그 만드는 것과 동일) 6. git remote add : git을 쓸 컴퓨터 프로젝트 폴더에 GitHub 저장소 주소 알려주기 7. git push : 내 컴퓨터에 만들었던 덩어리 GitHub에 올리기 익히기 CLI(..
Github 랜딩페이지 클론 코딩 Visual(header 아래 쪽 section) 4. 회원가입 양식 구조 사용자 이름, 사용자 이메일, 사용자 비밀번호 받는 input 요소 세개로 구분되어 있고 비밀번호 받는 밑에는 특정한 설명 작성되어 있고 그 밑에는 회원가입(sign up) 버튼과 함께 밑에 특정한 텍스트 작성되어 있음 input 요소 3개, 설명 2개, 버튼 1개 form 태그 내에서 div 태그로 특정하는 순간 div 태그가 너무 많아서 스타일을 설정하고자 하는 요소에만 적용되는 것이 아니라 div태그 모두에 적용될 수도 있으므로 input 요소들을 ul태그의 li태그 안 요소로 명시적으로 정의 input요소 각각에 class=”input—text” 부여해서 공통속성 부여 비밀번호와 sign ..
CSS 배경에 관한 속성 background : 요소의 배경 설정 1. 단축 속성 background : 색상 이미지경로 반복 위치 스크롤특성; 이미지 경로는 url()함수 사용 특정 값 사용하지 않아도 됨(누락 가능) 다중 배경 이미지 삽입시 하나의 background 단축속성, 이미지경로 반복여부 가로사이즈 세로사이즈, 이미지경로 반복유무; 로 작성 다중 배경 이미지는 IE8 이하 버전에서 사용 불가능 2. 개별 속성 background-color : 요소의 배경 색상 지정, 기본값은 transparent 투명 요소의 색은 기본적으로 투명하다. 단축 속성으로 더 많이 이용 background-image : 요소 배경에 하나 이상의 배경 이미지 삽입, 기본값은 none background-image :..
파이썬의 구성요소 1. 인코딩(입력, 출력) - UTF-8을 입력 출력 기본 인코딩으로 가짐 print(sys.stdin.encoding) print(sys.stdout.encoding) 위 코드로 확인 가능 2. 변수 - myName = ‘goodboy’ -> 오른쪽에 있는 문자열을 왼쪽에 할당해라 - 값을 선언해서 할당할 때 사용 - 변수와 값 모두 한글로 선언 가능 - 내용을 담는 그릇 3. 조건문 - 조건에 맞는 경우 실행 - ~할 때 ~를 실행해라 if myName == 'goodboy': print('ok') 4. 반복문 - 내용 반복 - 1부터 9까지 구구단 출력 for i in range(1,10): for j in range(1,10): print('%d * %d = ' %(i,j), i..
장장 한달 반 정도(실질적으로 공부한 건 한달 정도인듯...)를 공부한 애증의 컴활 1급.. 산업안전기사랑 같이 준비하느라 머리 터질 뻔 했지만 그래도 합격했다!! 혹시 몰라서 세번 잡은 시험 컴활 시험은 무조건 세번은 봐야한대서 혹시 몰라서 세개 잡아서 봤다. 첫번째 시험(201115) 처음에 볼 때 내가 연습했던 시나공 채점프로그램과 다르게 엑셀이 자동 저장되는 시스템이 아니라는 걸 깨닫지 못했다. 엑셀 0점 나옴ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 이글을 보는 분들은 그렇지 않기.. 꼭꼭 약속해.. 중간에 감독관님이 오셔서 엑셀 다 빈칸 처리 됐다고 말해주심.. 엑셀 때문에 이미 멘탈이 깨진 상태에서 엑세스 침ㅋㅋㅋㅋ 그러니 엑세스도 망할 수 밖에.. 두번째시험(201117) 엑셀은 조건부 서식 빼고 다 풀 수 있..