항해 시작 하자마자 바~로 미니프로젝트 바다로 던져졌다. 아무것도 모르는 내가 MINIPROJECT에 팀장이 되었다. (항해 측 랜덤선정)다행히도 잘하시는 팀원분들 덕분에 MINIPROJECT를 어떻게 진행 해 나갈지 정했다.https://velog.io/@c
웹개발 플러스에서 로컬에 저장된 이미지파일을 업로드해보는 기능을 배웠다. (WIL에 웹개발 플러스 기능 총정리 해볼생각이다.)항해 1주차 프로젝트를 제출하였다.웹개발 플러스 2주차 완강멘토링 시간에 아래 2개 질문서버 사이드 렌더링 장점JWT 토큰과 쿠키 세션의 차
오늘한일 웹개발 플러스에서 로컬에 저장된 이미지파일을 업로드해보는 기능을 배웠다. (WIL에 웹개발 플러스 기능 총정리 해볼생각이다.) 항해 1주차 프로젝트를 제출하였다 > 내일 할일 웹개발 플러스 2주차 완강 멘토링 시간에 아래 2개 질문 서버 사이드 렌더링 장점
오늘의 결론 웹스크래핑과 웹크롤링의 차이를 알아보았다. 셀레니움 사용법을 알아보았다. > 오늘한일 웹스크래핑(web scraping) VS 크롤링(Crawling) 웹 스크래핑(Web Scrapping): 웹의 데이터를 순간적으로 일부만 가져오는 작업 웹 크롤링
오늘의 결론 클라이언트와 서버 DOM (문서 객체모델) : html 단위 하나하나를* 객체*로 생각하는 모델입니다. (트리구조) 태그는 이고, 등은 elements이다. DOM 요소 가져올때 명령어 참고사이트 https://developer.mozilla.org/
자바스크립트 내장함수에 대해 배웠다. map, filter, concat, fromfrom, reduce 내장함수 MDN에서 추가로 공부해야한다.indexOf에 대해 배웠다.스크릿 모드 ctrl + shift + n강력 새로고침 crtl + shift + rnvm 노드
오늘의 결론 Event Listener (onclick, hover 등) > ### 오늘 배운 것 > ### 느낀 것 > ### 내일 배울 것 react 주특기 강의보기
오늘의 결론 라우팅시 Switch 사용해서 주소 올바르지 않는 페이지 잡기 리덕스란? 리덕스 설치 & 방법론(덕스구조) 리덕스와 컴포넌트 연결 & 사용법(useSelector, useDispatch) 상세페이지 보여주기 > ### 오늘 배운 것 Switch 스위치
오늘의 결론 Keyframes (animation에서 사용하는 속성,규칙 ) ProgressBar(컴포넌트 Progressbar생성(export), app.js에 붙이기(import), Progressbar에서 styled-componente만들어서 div태그 붙이기
오늘의 결론 React 주특기 심화 1주차 > ### 오늘 배운 것 > (1-3강) 호이스팅 : 선언을 문서 맨위로 끌어 올림 실행 컨텍스트 : 파일을 쭉 한번 훑어 보고 실행 환경 미리 준비하는 것 변수를 만들면 자바스크립트엔진이 변수를 쓰기 위해서 실행
오늘의 결론 React 주특기 심화 2주차 > ### 오늘 배운 것 > 2-1강, 2-2강 package.json파일 받아와서 yarn install 해주면 한번에 설치가능 자바스크립트 = 싱글쓰레드(메인 쓰레드 + 콜스택) 비동기작업 동시가능 콜백함수
오늘의 결론 TIL을 > ## 오늘 배운 것 > 3-2강 redux post.js 모듈생성 -> configureStore에 연결(import, combineReducers) -> postlist 컴포넌트에 연결 (import useSelector form "
TDZ를 알기위해서는 우선 변수의 생성 3단계를 알아야한다..변수생성의 3단계선언-> 초기화 -> 할당선언 : 실행 컨텍스트에 변수 객체를 등록초기화 : 변수객체에 등록 된 변수를 위해 메모리에 공간 확보 (undefiend로 초기화)할당 : undefiend로 초기화
반복되는 컴포넌트를 렌더링 할 때 사용하며, 파라미터로 전달된 함수를 사용해서 배열내 각 요소를 원하는 규칙에 따라 변환한 후 그 결과를 새로운 배열을 생성합니다. map을 사용할때 써주는 key는 배열을 렌더링했을때 어떤 원소에 변동이 있었는지를 알아내려고 사용합니다
컴포넌트는 언제 렌더링 될까?props가 바뀔 때state가 바뀔 때부모 컴포넌트가 리렌더링될 때this.forceUpdate로 강제로 렌더링을 트리거할 때컴포넌트의 모양새를 정의하며 라이플사이클 메서드에서 유일한 필수 메서드this.props와 this.state에
✨ useEffect 리액트 컴포넌트가 렌더링될 때마다 특정작업을 수행하도록 설정할 수 있는 Hook입니다. 클래스형 컴포넌트의 componentDidMount와 componentDidUpdate를 합친형태로 보면 됩니다. ✨ useEffect의 두번째 파라미터는 의존성 배열로 처음 렌더링 할때만 실행되게하려면[ ] 값을넣어주고 특정값이 바뀔때만 실행하게...
요즘 코딩 테스트 준비로 알고리즘을 문제를 풀고 있습니다. 문제를 풀면서 사용한 메서드들을 제대로 이해하지 않고 문제를 풀고 있다고 느껴져 제대로 이해하고 사용하기 위해 이 글을 작성 하였습니다. > ### sort란? 배열의 요소를 정렬하는데 사용하는 함수 대괄
배열 내장함수 map vs forEach
항상 쓰던 export default와 export의 차이점이 헷갈려서 가볍게 정리하였습니다.
로그인할 때 받는거구나로 알던 JWT를 알아보자
라이브러리, 패키지, 모듈이란?
Restful API 사용 목적 및 사용법
SASS문법 사용법
Context API의 정적, 동적사용법 알아보기
반응형 웹을 위한 Styled Component ThemeProvider사용법
브라우저 동작원리
다양한 자스공부~
operators, if, switch, while, for
Function
Class (added ES6) vs Object
Object, for in, for of
push,pop, unshift, shift, for, for of, forEach, splice, indexOf, includes, lastIndexOf, API보는법, 제네릭
HTTP, AJAX, JSON (stringify, parse)
동기적 , 비동기적 Callback, Callback hell
Date객체
redux에 사용되는 것들 총정리
내일은 개발자로써 첫 출근이다. 이사님이 주신 사전과제를 기존 윈도우 노트북으로 작업해보고 새로받은 맥북의 셋팅을 해보려한다.
absolute 가운데 정렬
disabled속성 적용되는 태그들 참고 사이트
내 프로그램이 죽지 않게 하기위해 연산자를 잘 써야한다.
column-reverse, row-reverse, wrap-reverse, align-self, justify-self, align-content
속성을 서서히 변화시켜주는 속성이다.transition: 시간초, 속성, 변화하는 속도를 써서 사용한다. 속성이 많아서 아래 사이트에서 참고해서 쓰자. 언젠가 쓸꺼같다.
onClick으로 처리할 수 있는것을 굳이 form 태그와 type='sumbit' 버튼을 사용하는지 궁금해서 찾아봤다.
모달 바깥영역 클릭시 종료하기아래를 사이트 참고했다.
Material designhttps://material.io/design/shape/shape-hierarchy.htmlMaterial UI (break point)https://mui.com/customization/breakpoints/React
brew ls, brew update, brew cleanup, brew upgrade 등등.. https://sukvvon.tistory.com/7 brew로 node 버전 변경법 (unlink 할때 뒤에 버전 붙여야한다. 그리고 https://intrepidgee
요즘 화면처리가 state 상태값을 보여주는 경우가 많았는데 useEffect대신 useLayoutEffect를 사용하면 더 유연하게 화면을 보여줄 수있는 방법을 찾았다~ 아래 참고https://intrepidgeeks.com/tutorial/react-use
나를 살려줄 참고사이트
next js를 공부하다가 tcp:3000이 이미 사용중이라는 메세지를 받았다.lsof -i tcp:해당포트 를 터미널에 검색 후 pid번호를 찾아서kill -9 해당pid를 해주면 해결완료
Drag and Drop List 가 필요해서 삽질했던 과정
나중에 여러가지 폼을 생성할 일이 있을꺼같아서 사이트 저장함유튜브 링크위젯 주도개발미디엄 기사
아래 참고사이트를 보고 쉽게 이해 했다 나중에 정리 예정
인코딩과 디코딩인코딩과 디코딩에 대해서 간략하게 찾아보았다.인코딩 인코딩이란 정해진 규칙에 따라 코드화, 암호화, 부호화 하는 것이다.그 이유는 표준화, 보안(암호화), 저장공간(압축) 절약 등이 있다.ex) 나 너가 좋다! 라는 말을 상대방만 알아들을 수 있게 암호화
NVM 대신 node로 버전 관리를 하게됐다.