profile
21c Carpenter
태그 목록
전체보기 (66)JavaScript(42)javascript30(30)CSS(5)react.js(4)React(4)WeCode(3)linux(2)array method(2)addEventListener(2)CallStack(2)git(2)westagram(2)github(2)fixed(2)background(2)video(2)인증(1)인가(1)increment operator(1)regular expression(1)position(1)sticky(1)Root(1)data-속성(1)promise(1)sql(1)splice 음수 인자(1)github 실무(1)terminal(1)absolute(1)type change(1)clock(1)relative(1)Restful(1)Primitive Type(1)List(1)http(1)propagation(1)리액트(1)REST(1)heap(1)movemove(1)object 순회하기(1)Request(1)Response(1)once(1)slider(1)document.documentElement(1)유사배열(1)형변환(1)getBoundingClientRect(1)SpeechAPI(1)shiftKey(1)cloning(1)Spread Syntax(1)email multi choice(1)float(1)이미지경로(1)webcam(1)null(1)cue(1)scrollLeft(1)img(1)Fetch API(1)async(1)class(1)Flex(1)&&(1)EventLoop(1)stringToNumber(1)textConent(1)authentification(1)nodeList(1)e.preventDefault()(1)login(1)Reference Type(1)bootcamp(1)classList(1)speechRecognition(1)scroll(1)countdown(1)const(1)let(1)text-shawdow(1)NODE_PATH(1)회원가입(1)key stretching(1)regex(1)bcrypt(1)두더지잡기(1)key(1)instagram(1)callback Hell(1)clickevent(1)local storage(1)authorization(1)개발자도구(1)복수선택(1)inline block(1)setInterval(1)event bubbling(1)격투 게임기 기술(1)dev tool(1)semantic(1)html(1)clone(1)DevTools(1)reduce(1)Single Thread(1)EventListener(1)innerText(1)key sequence(1)watchPosition(1)block(1)inline(1)InnerHTML(1)음성인식(1)array(1)extends(1)super(1)react native(1)spa(1)geolocation(1)숫자야구 게임(1)nosql(1)db(1)크롬 개발자도구(1)speech synthesis API(1)RDBMS(1)아날로그 시계(1)salting(1)event delegation(1)HTMLCollection(1)Database(1)Map(1)regexp(1)Math.random(1)위코드(1)pageX(1)playbackRate(1)절대경로(1)audio(1)speech(1)capture(1)scope(1)canvas(1)flex panel(1)랜덤숫자뽑기(1)정규표현식(1)로그인(1)signup(1)undefined(1)

HTML Cheat Sheet

https://www.websitehostingrating.com/html-css-php-cheat-sheet/

2021년 2월 17일
·
0개의 댓글
post-thumbnail

React Native 기본 이론 및 실습(Youtube 강의)

강의 주소: https://www.youtube.com/watch?v=0-S5a0eXPoc&t=101sbuild 하는 2가지 방법React Native CLIExpo CLI : 간단하게 react navtive를 build 할 수 있도록 도와주는 tool(ja

2021년 2월 8일
·
0개의 댓글
post-thumbnail

회원가입 & 로그인 실습 (with access token)

최근 학습한 인증과 인가를 직접 실습을 통해 익혀보자~기존에 만들었던 로그인 페이지에 백엔드 서버(파이썬, 장고)와의 HTTP 통신을 통해 회원가입 및 로그인에서 발생할 수 있는 여러 상황을 경험해보자~ 만일 같은 id & pw로 회원가입 시도하면 아래와 같은 resp

2021년 2월 5일
·
0개의 댓글

인증(authentication) & 인가(authorization)

로그인, 회원가입(사용자임을 증명)로그인에 성공하면 access token(암호화된 유저정보를 포함 - JSON WEB TOKEN(JWT)을 클라이언트에게 전송하고, 다음 번부터는 토큰을 확인하여 자동로그인 가능비밀번호는 반드시 암호화하여 저장 (단방향 해쉬함수가 일반

2021년 2월 2일
·
0개의 댓글
post-thumbnail

React - List와 Key

위의 예제에서와 같이 map함수를 사용하여 리스트 형태로 render() 함수를 실행하면, "Warning: Each child in a list should have a unique "key" prop."라는 오류메시지가 뜬다.“key”는 엘리먼트 리스트를 만들 때

2021년 1월 29일
·
0개의 댓글
post-thumbnail

React - 이미지 경로(path) 오류

Component 내에 여러 이미지를 img src=' '를 통해 불러와야 하는 경우,이미지 경로가 맞지 않아 사진이 엑박으로 보이는 경우가 종종 발생함또한, 현재 경로 기준으로 상대경로를 통해 이미지가 포함된 폴더 위치를 찾아가는 방식은 현재 폴더 위치에 따라 경로

2021년 1월 29일
·
0개의 댓글
post-thumbnail

HTML/CSS/JS 에서 React(JSX)/SASS(SPA)로 변경하기(westagram)

: Component화 및 각 Component를 index.js로 연결 : JSX 문법에 맞도록 변경 : 접속 URL에 따라 보여지는 Component 자동 전환할 수 있도록 Router 추가: Nesting : 중복 속성은 변수 활용하여 축약

2021년 1월 29일
·
0개의 댓글
post-thumbnail

React 개념 및 이론 정리

페이스북에서 만든 자바스크립트, UI 라이브러리결국 코드, 파일 정리 도구기본적인 UI 형식을 단위화, 규정화 하여, 반복적으로 찍어낼 수 있도록 하여 생산성 극대화 가능규모가 커지고 복잡한 애플리케이션을 개발하며 생산성을 향상시키고 많은 양의 데이터 관리와 코드 유지

2021년 1월 26일
·
0개의 댓글
post-thumbnail

Instagram Clone Project(HTML/CSS/JS)

인스타그램의 로그인 페이지 및 피드 화면(페이지)를 최대한 동일하게 구현하고, javascript를 통해 일부 기능 구현해보기동일한 웹 페이지를 React를 통해 SPA(Single Page Application)로 전환해보기 : 최대한 Relative Unit을 적

2021년 1월 22일
·
0개의 댓글

HTTP 기본 개념(이론)

: HyperText Transfer Protocol의 약자 : 컴퓨터끼리 HTML 파일을 주고받을 수 있도록 하는 소통방식 또는 약속결국은 요청과 응답의 방식을 규정한 것HTTP 통신은 독립적이기 때문에 과거의 통신(요청/응답)에 대한 내용을 전혀 알지 못함 따라서

2021년 1월 21일
·
0개의 댓글
post-thumbnail

특정 영역 이외의 클릭(event) 인식(Listen)

여기서 우상단의 프로파일 이미지를 클릭하면 아래처럼 메뉴박스가 보여지고,여기서 다시, 해당 우상단 프로파일 이미지 이외 영역을 클릭하면 메뉴박스가 사라지도록 하고자 함if(this == 우상단 프로파일 이미지 element)으로 클릭된 element와 그렇지 않은 el

2021년 1월 21일
·
0개의 댓글
post-thumbnail

실전에서 Git & Github 사용하기

1.Initializing a new repository : initialization을 통해, 해당 저장소 내 모든 변경사항을 추적/관리2\. Staging Files: 현재 repository의 상태 확인: Staging Area에 파일추가3.Making Commi

2021년 1월 20일
·
0개의 댓글
post-thumbnail

리눅스

리누스 토발즈가 개발한 Unix 기반 OS(운영체제) 현재 대부분의 서버, 슈퍼컴퓨터 등은 리눅스 기반으로 운영되고 있음(무료, 유연, 안정) 윈도우가 물리적인 디스크 기준으로 드라이브/폴더 체계를 가지고 있는 것과 달리, 리눅스는 리눅스만의 파일 시스템 체계를

2021년 1월 20일
·
0개의 댓글
post-thumbnail

Database

컴퓨터 시스템에 전자방식으로 저장된 구조화된(체계화된) 데이터의 집합데이터베이스 또는 데이터베이스 관리시스템(DBMS)을 통해, 안정적이고 영속적으로 데이터를 관리할 수 있으며, 검색 및 가공 등 효율적으로 데이터를 관리할 수 있음SQL(Structured Query

2021년 1월 20일
·
0개의 댓글
post-thumbnail

개발자 도구(DevTools)

각 브라우저 별로 개발자의 웹 개발 편의를 위하여 제공하는 도구(Tool) : HTML과 CSS를 확인하고 스타일 실시간 수정(테스트) 가능 하나의 요소에 여러개의 css 파일에서 스타일 적용 가능가장 상단부터 css 파일의 우선 순위(구체적 >>> 추상적)에 따른

2021년 1월 15일
·
0개의 댓글
post-thumbnail

<Javascript> Object를 Array처럼 순회하기

기본적으로 Array는 순서가 있는 데이터가 인덱스 순서에 따라 안에 정렬되어 있어, for (var i; i &lt; arrary.length ; i++) 식으로 순회하거나 .forEach, .map, .find, .reduce 등 유용한 기능을 활용가능하다.그

2021년 1월 14일
·
0개의 댓글
post-thumbnail

Javascript - ++num과 num++의 차이

위의 2번째 줄, num ++는 아래와 동일하다.num = num + 1증가 연산자는 반복문(for) 등에서 변수에 1만 더한 값을 재할당 경우 간소하게 쓰기 위해 자주 사용된다.&lt;1번 경우>&lt;2번 경우>위의 경우에는 ++가 변수 앞에 오느나, 뒤에 오느냐에

2021년 1월 14일
·
0개의 댓글
post-thumbnail

Javascript - 최소 ~ 최대값 사이의 랜덤 숫자 뽑기

랜덤한 숫자를 가져오는 기능은 프로그램 개발에서 매우 자주 사용되는 기능임따라서, javascript는 built-in 함수로 포함되어 있음(Math.random())구글 서치를 하면 그냥 아래와 같은 방식을 공식처럼 알려주고 있다.생각보다 길지 않고, 어렵지 않다.

2021년 1월 14일
·
0개의 댓글
post-thumbnail

CSS- Float

한 요소(element)가 보통 흐름(normal flow)으로부터 빠져 텍스트 및 인라인(inline) 요소가 그 주위를 감싸는 자기 컨테이너의 좌우측을 따라 배치되어야 함을 지정하기 위한 속성 : left, right, nonefloat이 적용되는 element만

2021년 1월 12일
·
0개의 댓글