항해99

로딩된 웹페이지에 어떤 조작을 해도, 해당 웹페이지를 이용하는 모든 사람에게 적용되지 않는다.로딩된 후에 인터넷을 끊어도 페이지가 사라지지 않는다.새로고침하면 원상복귀된다.HTML: 뼈대CSS: 꾸미기JS: 움직임background 3대장: background-imag

과거 브라우저간 호환성을 고려해, 쉽고 간편하게 동일한 기능을 구현할 수 있도록 만들어진 Javascript Library.CDN을 통해 jquery를 import해야 사용할 수 있다.Asynchronous JSON And XML 의 약자.비동기로 JSON 또는 XML

직관적인 문법, 방대한 라이브러리로 최근들어 사용률이 높은 언어.문법pip는 npm, yarn 같은 일종의 패키지 매니저다.마이크로소프트에 Visual Studio 가 있다면, JetBrain엔 Pycharm이 있다.대표적인 Python IDE라고 한다. 단점으로 무겁

Flask > python으로 서버를 쉽게 만들 수 있도록 돕는 프레임워크. 프레임워크란? >남들이 만들어놓은 규칙이나 틀에서 제공하는 편리기능들을 사용하면서 작업할 수 있는 공간(혹은 도구). 라이브러리는 프레임워크랑 다르게, 평소처럼 규칙이나 틀의 제약없이 작업할

프리티어에서 사용할 수 있는 Ubuntu LTS 버전이 18.04와 20.04가 있는데, 20.04는 비교적 최근에 업데이트된 LTS버전이므로 대부분은 18.04를 사용한다고 한다.각 괄호에keypair file 는 인스턴스에 필요한 keypair 파일의 위치,user

문자열은 리스트로 관리된다.len(string): 문자열 길이. (리스트 동일)upper() / lower(): 대문자 변환 / 소문자 변환replace(): 특정 문자 바꾸기try, except: 예외처리 구문. javascript에선 except자리에 catch를

🚧 게시글 수정중입니다.. 🚧문서의 원형(template)과 data를 합쳐 새로운 document를 만들어 내는 software.서버는 기본적으로 client가 요청한 데이터나 파일을 전달해준다. 여기에는 웹페이지도 해당된다.예를 들어 여러 명의 사용자가 있고,

key/value 구조의 form data를 쉽게 만들어 주는 class.임의의 길이의 값을 고정된 길이의 값으로 변환해주는 함수.hash의 특징으로 몇 가지가 있는데, 이러한 특징들 때문에 암호화에 사용될 수 있다.해시 함수를 거친 출력값만으론 입력값을 유추할 수 없

2021.06.07 - https://velog.io/@bandor/20210607-TIL2021.06.08 - https://velog.io/@bandor/20210608-TIL

데이터 케이스에 따라, 작성한 코드가 완료되기까지 시간이 얼마나 걸리는지를 나타낸 값.블리츠크랭크: "시간이. 얼마나. 걸리는지."빅오메가 표기법과 빅오 표기법이 존재한다.빅오메가는 가장 효율적일 때의 시간복잡도를 나타내고, 빅오는 가장 비효율적일 때의 시간복잡도를 나

알고리즘 문제에 자주 등장하는 소수를 빠르게 구하는 방법.1부터 n까지 숫자가 들어있는 배열을 처음부터 순회하면서, 선택된 수의 배수들을 배열에서 제거하는 방식으로 구현한다.일반적으로 소수를 구한다면, n까지 2부터 반복문을 돌며 일일이 나머지 연산을 시도하기때문에 O

유클리드 호제법 > 최대공약수를 구하는 빠른 방법. 호제법이란, 두 수가 서로 상대방 수를 나누어서 결국 원하는 수를 얻는 알고리즘을 말한다. 두 수 a, b(a > b)의 최대공약수를 구하는 방법은 다음과 같다. a를 b로 나눈 나머지(r)를 구한다. b를 r로

2021.06.13 - https://velog.io/@bandor/20210613-TIL2021.06.16 - https://velog.io/@bandor/20210616-TIL2021.06.17 - https://velog.io/@band

React의 Component는 생성주기가 존재한다.크게 생성 - 수정 - 삭제 의 과정을 거치는데, 각 시점마다 원하는 처리를 할 수 있도록 함수들을 만들어 두었다.React lifecycle물론 해당 함수들은 함수형 컴포넌트에서 직접 사용할 일은 없다. 대신 hoo

일반적인 웹사이트의 형태와 다르게, html 파일이 하나만 있는 Web Application. 특정 서비스에 가입하기 위해 form에 입력하다가, 입력 항목이 뭔지 알려주는 버튼을 눌렀을 때 페이지가 이동해버렸다고 가정하자. 항목에 대한 정보를 확인하고 '뒤로가기'를

Redux > state를 전역적으로 관리하고 사용할 수 있게 해주는 툴. state를 전역적으로 사용할 수 있게 해주기 때문에, 말단의 자식이 필요한 state를 타고 타고 타고 들어가서 전달할 필요가 없어진다. Redux에는 총 5가지의 개념이 있다. Actio

2021.06.25 - https://velog.io/@bandor/20210625-TIL2021.06.26 - https://velog.io/@bandor/20210626-TIL알고리즘 주차가 끝났다.이전에 혼자 공부했을 때보다 훨씬 많이 성장한 것

firestore와 redux 연결하기 firestore는 firebase에서 제공하는 DataBase 서비스를 말한다. MongoDB와 같은 NoSQL DB이며, 구글계정만 있으면 무료로 이용할 수 있다. Redux에 있는 state들을 DB에 저장하고 연동하기

호이스팅 > 코드가 실행되는 맥락(실행 컨텍스트)에서 변수 선언보다 사용을 먼저 했을 때, 변수 선언부를 변수 사용부분보다 상단으로 옮기는 작업. Javascript의 변수들은 특이하게도 선언보다 사용을 먼저 해도 호이스팅이라는 것 덕분에 문제없이 동작할 수 있었다.

action creator와 reducer를 편리하게 선언하고 코딩할 수 있게 돕는 라이브러리.기존 action creator는 return 해야할 객체를 일일이 코딩했다. action의 수만큼 만들어야할 객체가 늘어났는데, redux-actions의 createAct

반복적으로 발생하는 이벤트를 효과적으로 관리하는 방법.onScroll이나 input의 onChange 같은 이벤트는 매우 좁은 간격으로 발생한다. Chrome의 확장 프로그램 React development tools를 설치하고, onScroll이나 input의 onC

2021.06.30 - https://velog.io/@bandor/20210630-TIL2021.07.02 - https://velog.io/@bandor/20210702-TIL2021.07.03 - https://velog.io/@band

input\[type="file"] 에서 받아온 파일을 읽어주는 API.input\[type="file"] 로 파일을 불러오면 event.target.files\[0] 에 파일정보가 담겨진다. 해당 값을 출력해보면 파일 이름, 크기 등 여러 정보가 나오지만 정작 파일의

firebase는 로그인까지 사용할 수 있게 해준다. email 부터 sns(OAuth)까지 다양하게 지원하고 있다.아래의 내용은 사실 공식 문서에 다 나와있다. 하지만 복습 겸 다음 번에도 firebase를 사용할 일이 있으면, 헤매지말자는 의미로 작성해본다.crea

지난 주 TIL에서 무한 스크롤을 구현하고 정리했었다.이번 과제에도 무한 스크롤이 있어서, 강의에서 나온 방법말고 이전에 구현했던 방법으로 시도했었지만 잘 동작하지 않았다.이전에 구현했던 방법은 event.target.scrollTop, clientHeight, scr

2021.07.05 - https://velog.io/@bandor/20210705-TIL2021.07.07 - https://velog.io/@bandor/20210707-TIL2021.07.08 - https://velog.io/@band

실시간 통신을 가능케하는 웹소캣을 쉽게 사용할 수 있도록 돕는 라이브러리.애초에 HTTP 프로토콜은 TCP처럼 연결이라는 개념이 존재하지 않는다. 흔히 상태가 없는, stateless라는 특징이 대표적인 예시이다. client와 server가 한번 요청-응답을 받으면

2021.07.18 - https://velog.io/@bandor/20210718-TIL미니프로젝트 주간은 굉장히 정신없었다. 밥먹고 운동하거나 쉬는 시간도 없이 계속 코딩했다. 특히 마감과 가까워질수록 더욱 몰아쳤다. 같이 하는 FE 팀원분에게도 알려드리고