profile
Whatever you want
태그 목록
전체보기 (29)TIL(16)JavaScript(14)WeCode(13)React(3)array(3)위코드(3)function(3)display(2)for loop(2)westagram(2)State(2)제코베(2)object(2)boolean(2)variable(2)제주도코딩베이스캠프100제(2)String(2)position(2)반복문의 종류(1)packages.json(1)terminal(1)public(1)npm(1)instance(1)push(1)드림코딩(1)논리연산자(1)Undifined(1)Symbol(1)http(1)CRA(1)Westagram clon(1)비교연산자(1)전역 변수(1)arguments객체(1)Request(1)Response(1)dot notation(1)new Fucntion(1)객체(1)iterate(1)Index(1)다양성(1)instanceof(1)bracket notation(1)매개변수(1)null(1)Prototype(1)게터 세터(1)for ~ in(1)number(1)node.js(1)parameter(1)class(1)while(1)지역 변수(1)배열 요소(1)console log(1)variable data type(1)nested for loop(1)조건문(1)break(1)문자열(1)반복문(1)인스턴스(1)iteration statement(1)continue(1)let(1)var(1)object literal(1)keybordevent(1)key(1)삼항연산자(1)clickevent(1)개발자도구(1)함수(1)DOM(1)if문(1)선택자(1)원시 데이터 타입(1)CSS(1)함수선언(1)html(1)clone(1)구조분해할당(1)@property(1)함수반환(1)정적메서드(1)splice(1)생성자 함수(1)Pop(1)부모클래스(1)클래스(1)Overriding(1)산술연산자(1)getter(1)setter(1)extends(1)Chrome Devtools(1)addEventListener(1)github(1)상속(1)JSX(1)toggle(1)slice(1)semantic web(1)중첩반복문(1)Truthy(1)Falsy(1)Props(1)private(1)for ~ of(1)Javasciprit(1)element(1)do while(1)static(1)git(1)객체 데이터 타입(1)argument(1)new 연산자(1)Event(1)함수호출(1)component(1)semantic tag(1)
post-thumbnail

Git & Github

Version Control system (VCS)버전관리하는 도구(시스템)코드가 변경될 때마다 백업할 필요 없이 git에서 기록하고 있어 어느부분이 수정되었는지 알 수 있다.코드 업데이트 후에 이전 코드로도 돌아갈 수 있다.원격저장소깃으로 버전관리를 한 프로젝트를 온

1일 전
·
0개의 댓글
post-thumbnail

React - key

key란? 리액트가 내부에서 element를 자동으로 여러개 생성하는 경우에는 console에 에러가 뜬다.! Why? 예를 들면 li 태그를 여러개 생성했을 경우, → 자동으로 여러개 생성된 각각의 항목들은 key라는 props가 있어야 한다 이유는 목록을 구별할

5일 전
·
0개의 댓글
post-thumbnail

REACT - 구조

웹이 점점 복잡해져서 UI를 만들기 위한 Javascript 라이브러리리액트는 가상돔(virtual dom)을 통해 ui 를 빠르게 업데이트이전 UI 상태를 메모리에 유지해서 변경될 UI의 최소집합을 계산하는 기술—> 불필요한 업데이트를 줄일 수 있음.실제돔을 간략하게

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

HTTP

Hyper Text Transfer Protocol문서와 문서가 링크로 연결되어 있는 것을 어떻게 주고 받을 지에 대한 소통방식.유저 컴퓨터에서 요청 request -> 서버 컴퓨터에서 처리 -> 결과값을 유저에게 전송 responseHTTP 개별통신은 모두 독립적이어

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

[1차 프로젝트] Westagram clone 3

로그인 버튼 활성화 시, 삼항 연산자로 구현!삼항연산자로 구현한 것을 거의 포기했었다.그런데 자꾸 신경쓰여서 결국 자리를 잡고, 구현하려고 자리를 잡았다.삼항연산자로 구현하는게 익숙치 않아서 어려웠다.true 인 경우, 2개의 결과값(버튼 활성화, 배경색 변경)을 가져

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

[1차 프로젝트] Westagram clone 2

HTML태그를 이용하여 구조짜기CSS 기초 개념을 활용하여 원하는 디자인 짜기개발자도구를 활용하기자바스크립트로 기능 구현하기id, pw 에 각각 한 글자 이상 써야 버튼이 활성화 되도록 해주세요.원래 연한 파란색이었다가 -> 활성화 되면 파란색으로!댓글 input 창에

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

[1차 프로젝트] Westagram clone 1

Westagram colon ▶︎ 학습목표 > HTML태그를 이용하여 구조짜기 CSS 기초 개념을 활용하여 원하는 디자인 짜기 개발자도구를 활용하기 ✓ Mission1 로그인 페이지 레이아웃 ✓ Mission2 id,pw 입력 시 로그인 버튼 활성화 ✓ Missio

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

개발자도구

각 브라우저마다 제공하는 하나의 도구Chrome 개발자도구, Safari 개발자도구, Firefox 개발자도구..etc개발자 도구를 사용하여, 웹사이트의 수정사항을 미리보기 형식으로 즉각적으로 수정하거나 문제 발생시, 원인을 확인하고 빠른 속도로 더 나은 사이트를 만든

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

[JS] Function-여러 인자와 if문

Function에서 인자(argument)를 받아 매개변수(parameter)를 통해 데이터를 가공하고 전달 할 수 있다.처음에 단순하게 if문에 인자를 추가하면 되겠지 하고 생각했다.그러나 결과값은 ${year}년 만 나오는 것이다...😱😭혹시 백틱을 잘못썼나해서

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

CSS - position & display

이번에도 나의 웹페이지를 뿌시면서 CSS의 display와 position에 대해 다루어 보려고 한다.CSS refer(https://velog.io/@ryeon5789/CSS지난 글에 간단하게 display 와 position에 대해 썼다.display 값으

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

HTML-Semantic

첫 HTML 글에 간단하게 'semantic'을 소개했었다. 간단하게 리마인드 하고, 내가 만든 자소서를 가지고 이야기를 하려고 한다. HTML-semantic refer Semantic web 구조에 의미를 부여하여 컴퓨터가 정확하게 웹을 파악하고, 필요한 정보를

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

CSS

Cascading Style Sheet세부적으로 정의된 스타일이 있다면 쓰고, 없다면 기본 스타일로 HTML을 스타일링 해준다상위 태그에서 정의된 디자인이 하위태그로 상속개발자가 지정 => 사용자가 지정 => 기본브라우저 설정HTML의 스타일을 손쉽게 제어할 수 있고,

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

HTML

Hyper Text Markup Language웹페이지를 만드는데 사용하는 기본적이고, 요소(element)로 구조적으로 작성된 마크업 언어.태그를 사용하여 웹페이지의 디자인이나 기능을 구현한다.< > 으로 열리는 태그를 시작하여, </> 닫히는 태그로 종료

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

prototype

prototype은 자바스크립트에만 있고, 자바스크립트의 객체지향을 지탱하고 있는 원형(원래의 형태)이다.prototype을 통해 상속을 받을 수 있다.상기의 Food 객체는 생성자 함수를 통해 만들어진 객체이다. 생성자 함수를 통해 만들어진 객체는 단순히 비어있는 객

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

[알고리즘] 제코베 6-9

다음은 자바스크립트 문법 중에서 False로 취급하는 것들입니다.앗, False로 취급하지 않는 것이 하나 있네요! True를 찾아주세요.풀이:2번 ' 1 ' ; ' 1 ' 은 true정답:2) 1Javascript 에서는 null, undefined, 0, 빈 문자열

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

Class

class는 연관있는 데이터를 한 군데에 묶어서 관리하는 컨테이너 데이터 + 함수를 묶어 둔 것을 class 간혹, class 안에는 데이터만 있기도, 함수만 있기도 한다. ==> 이런 것을 데이터 클래스라고 한다. class 안에서도 내부적으로 보여지는 변수, 밖에

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

생성자 함수 & 인스턴스

일반함수과 기술적 차이는 없지만 두 가지 규칙이 있다.함수의 이름의 첫글자는 대문자반드시 'new' 연산자를 붙여 실행빈 객체를 만들어 this 에 할당함수 본문 실행. this에 새로운 프로퍼티를 추가해 this 수정this 반환함수 인스턴스를 생성하는 생성자생성자

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

[알고리즘] 제코베 1-5

문제1. 배열의 삭제 다음 배열에서 400,500를 삭제하는 code를 입력하세요. >풀이: 다행히 뒤에서 2개의 요소를 삭제하는 문제 확인 배열 삭제를 하는 메소드 검색 후 'splice' 당첨 splice (index위치, 삭제할 요소 갯수,추가할 요소) sp

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

객체

📍 객체(object) 참조형 데이터 타입의 한 종류 여러 종류의 데이터를 중괄호 { } 안에 묶음으로 관리하나 객체를 불렀을 때, 순서대로 값이 나오지 않는다 객체는 관련 데이터를 정리하고 연결을 위해 사용, 저장하기 위한 구조로 코드의 유지보수가 용이 ' obj

2021년 8월 9일
·
0개의 댓글