Svelte tutorial (1) Reactivity

(변수는 html 내부에 선언)svelte 의 반응성 시스템은 앱의 state 와 DOM 의 싱크를 유지시킨다.반응성이란 선언된 state 의 상태에 따라서 특별한 호출 없이 HTML 영역 및 바라보는 변수들의 상태가 바로 변경되는 것이라고 생각하면 된다. 우리는 그저

어제
·
0개의 댓글

자바스크립트의 데이터 타입

데이터 타입의 종류 자바스크립트 데이터 타입은 기본형과 참조형으로 구분된다. 기본형 : Number , String, Boolean, null, undefined , Symbol 참조형 : (이하 모두 Object에 해당) Array , Function, Date,

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

자바스크립트의 클래스

자바스크립트의 클래스를 이해하기 위해 잠시 프로토타입에 대하여 간단히 짚고 넘어가자 . 프로토타입 자바스크립트에는 상속이라는 개념이 없지만 프로토타입프로퍼티를 사용하여 상속과 유사한 기능을 사용할 수 있다. Person.prototype.getName = func

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

git reflog - git rebase를 잘못했을 때 해결법

오늘 기업 협업 프로젝트를 하다가 commit 이 너무 많은 브랜치를 정리하고 싶어 git rebase -i master 를 실행하였다. 그런데 엉뚱한 예전 커밋을 기준으로 rebase 를 했고 결국 내가 작업한것들이 모두 사라지고 말았다. 이때 이전의 커밋으로 돌아갈

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

스타일 컴포넌트 props 의 사용

내가 기존에 적었던 코드는 다음과 같다.로그인 기능에서 인풋의 value 가 조건을 충족해야만 버튼이 활성화-> 마우스 포인터의 활성화, 버튼의 색상이 변화하는 기능이다.첫번째로, 이제는 함수령 컴포넌트를 쓰게되었기 때문에 return 상단 (함수의 내부) 에 isAl

2021년 7월 25일
·
0개의 댓글

현재 날짜, 특정일 이후 날짜 계산법(JavaScript)

setDate() 는 설정된 월의 시작 부분을 기준으로 Date 객체의 날짜를 설정한다. getDate() 는 주어진 날짜의 현지 시간 기준 일을 반환한다.Date() 생성자는 시간의 특정 시점을 나타내는 Date 객체를 플랫폼에 종속되지 않는 형태로 생성한다. 만약

2021년 7월 25일
·
0개의 댓글

Week 5 - Day 2 (Bubble Sort - 버블 정렬)

버블정렬을 구현하는 아주 간단한 문제이다. 문제는 아래와 같다.버블정렬(Bubble Sort)버블 정렬은 인접한 데이터를 교환해서 정렬하는 알고리즘입니다. 알고리즘의 정렬되는 모습이 마치 거품처럼 보인다고 해서 붙여진 이름입니다.아래와 같은 정렬되지 않은 수가 있을 때

2021년 7월 20일
·
0개의 댓글

git merge 정리

멘토님이 알려주신 것을 복기하기 위해 작성 * master 에서 출발 나의 작업용 브랜치를 만들기 위해 master 에서 feature 브랜치를 생성 feature 브랜치에서 add commit 등의 작업 내가 지금까지 push했던것은 local에 있던 코드를 rem

2021년 7월 19일
·
0개의 댓글

[검색어 필터링] 원하는 키워드(버튼) 중복 선택 코드

검색하고자하는 키워드만 선택하면서 , 중복선택도 가능하게하는 코드이다. 또한 두번 누르면 선택이 해제된다.파라미터 button 은 내가 클릭한 버튼의 인덱스를 의미한다. 내가 정의한 빈 배열인 value에 해당 인덱스가 있는지 확인후, 이미 배열에 존재한다면 해당 인덱

2021년 7월 18일
·
0개의 댓글

[검색어 필터링] 키워드 중복 선택시 쿼리스트링 만들기

Array.isArry() : 인자가 배열인지를 판별한다.

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

[TIL]input, button 태그의 type

input 태그의 type은 필요할때마다 그때 그때 직관적으로(!) 작성하고 있었다. 하지만 오늘은 제대로 정리하고 넘어가고자한다. 참고 - input 태그의 디폴트 타입은 text 이다. text single line 을 입력하는 인풋 필드를 정의한다. pas

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

Error: input is a void element tag and must neither have `children` nor use `dangerouslySetInnerHTML`.

자식 태그를 가질수 없는 태그에 자식이 있어서 나오는 오류 = > 인풋태그 사이에 텍스트가 생겨서 생긴 오류이다. input 태그 사이에 텍스트를 적을 수 없음.

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

인스타그램 클론 코딩 리팩토링 / state 로 지정하지 않는 경우

아래의 함수는 지난번에 콜백 함수를 넣어 비동기 문제를 고친 인스타그램 클론 코딩 댓글 입력 코드이다.글자를 1개 이상 입력하여야만 버튼 활성화, 색상변화가 되는 기능을 구현한 것인데, 이전에 언급하였듯이 이 코드의 가장 큰 문제는 콜백함수가 없는 것이 아니였다. 핵

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

[React] setState 의 비동기 문제 해결 - callback

인스타그램의 댓글기능을 클론 코딩 하던 도중 이상한 문제를 발견하였다. 분명히 댓글의 input 창에 글자를 한개 이상을 입력하면 댓글 submit 버튼의 색상이 변화한다, 라는 코드를 적었는데 실제 화면에서는 두 글자가 입력되었을때부터 버튼이 활성화되는 것이다.

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

CodeKataJavaSc1 / Week 2 - Day 5

문제인자인 height는 숫자로 이루어진 배열입니다. 그래프로 생각한다면 y축의 값이고, 높이 값을 갖고 있습니다.아래의 그래프라면 height 배열은 1, 8, 6, 2, 5, 4, 8, 3, 7 입니다.저 그래프에 물을 담는다고 생각하고, 물을 담을 수 있는 가장

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

[React] render()

React 에서 props 나 state 의 값이 달라지면 그 props나 state를 가지고 있는 컴포넌트의 render 함수가 다시 호출되다. 또한 하위 컴포넌트들 (자신의 render 함수 지님) 이 다시 호출되어 화면이 달라진다.따라서 React는 HTML 을

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

[React] key

App의 내부 state 를 TOC에 주입해 TOC 내부의 데이터를 변화시키고 싶다면 어떻게 해야할까 ? 일단 Subject의 생성자에 다음과 같은 배열을 추가한다. 이후 TOC 에 다음과 같이 추가한다. 이는 contents 안의 객체들을 가져온다는 의미이다. 다음으

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

[React] Props

이 포스트는 생활코딩 React 12.props를 듣고 정리한것입니다. 는 Subject 태그에 속성을 부여해 바꾸어 준것이다. 기존의 속성이 부여되지 않았던 태그는 언제나 같은 결과를 보여주었다. 하지만 여기에 속성을 따로 지정하여 코드의 재사용성을 높인것이 바꾼

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

[React] State

이 포스트는 생활코딩 React 강좌 15.2 State 의 내용을 바탕으로 작성되었다. App 의 하위 컴포넌트인 Subject 는 원래 title ={title = "Web"}sub = {sub="world wide app"} 으로 , props의 값들이 모두 하드

2021년 6월 30일
·
0개의 댓글