개발 회고 창고 개발 회고 창고

JavaScript에서 Set은 집합 개념이다. 중복을 허용하지 않고, 정렬되지 않은 항목들의 그룹이다. 따라서 정의에 맞게 항목의 유일성을 확인하는 것이다. Set 생성 const set1 = new Set([1,2,3]) const set2 = new Set('123') console.log(set1) console.log(set2) Set 객체의 생성자를 이용해서 집합을 생성할 수 있다. 이때 인자로는 iterable(배열, 맵, 집합, 문자열 등) 을 받는다. set1은 배열을 이용하고, set2는 문자열을 이용하여 집합을 생성했다. 인자를 넣지 않으면 크기가 0인 빈 집합이 생성된다. Set 삽입과 삭제 const set1 = new Set([1,2,3]) set1.add(3) set1.add(..

스택(STACK) 스택이란 쌓아 올린다는 것을 의미한다. 스택 구조라는 것은 책을 쌓는 것처럼 하나하나 쌓아 올린 형태의 자료구조이다. 스택(STACK) 특징 스택은 구조와 크기의 자료를 정해진 방향으로만 쌓을 수 있고, Top으로 정한 곳을 통해서만 접근할 수 있다. Top에는 가장 위에 있는 자료는 가장 최근에 들어온 자료를 가르키고, 삽입되는 새 자료는 Top이 가리키는 자료의 위에 쌓이게 된다. 스택에서 자료를 삭제할 때도 Top을 통해서만 가능하다. 스택에서 Top을 통해 삽입하는 연산을 "push", Top을 통한 삭제하는 연산을 "pop"이라고 한다. 따라서 스택은 가장 마지막에 삽입된 자료가 가장 먼저 삭제된다는 구조적 특징을 가지게 된다. 이러한 스택 구조를 후입선출(LIFO, Last-..

fmt 패키지의 형식화된 출력에는 디버깅 목적으로 사용을 할 수 있는 여러가지 출력 옵션들이 있다. %v : 구조체의 값을 출력한다. %+ek. : 구조체의 필드이름과 값을 출력한다. %#g : 호출된 함수의 이름과 구조체의 이름 같은 소스코드 정보까지 함께 출력한다. %T : Type을 출력한다. %t : Boolean 값을 true or false 문자열로 출력한다. %d : Integer 값을 출력하기 위해서 사용한다. 10자리 크기의 정수를 포함한 문자열 형식을 가진다. %b : 이진(Binary)값을 출력한다. %c : 정수에 해당하는 문자를 출력한다. %x : Hex 인코딩 값을 출력한다. %f : 부동 소숫 점 값을 출력한다. %e : 과학적 표기법으로 출력한다. %E : 과학적 표기법으로 ..

Go Go는 2007년에 구글에서 개발한 언어로 Golang 혹은 Go언어로 불린다. Go는 간결하고 신뢰성이 있으며, 효율적인 소프트웨어를 손쉽게 만들기 위한 오픈소스 프로그래밍 언어다. Go는 프로그래밍 언어로 간결한 문법과 생산성을 제공하는 프로그래밍을 할 수 있다. 또한 언어자체에서 GC(Galbage collection)을 지원하고, 정적타입과 동적타입을 동시에 제공하고 스레드와 비슷한 개념인 Goroutine을 통해 좀 더 쉬운 동시성 프로그래밍을 제공한다. Go 특징 간결한 문법 Go언어는 다른 언어 대비 키워드 수가 적다. Java나 C++, C#, PHP등 키워드의 수가 많으며, 학습하는데 꽤 시간이 걸리지만 Go는 상대적으로 키워드 수가 적기 때문에 상당히 간결하고 배우는데 오랜시간이 ..

오류 발생 Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API, your app will behave as if it's running React 17. Learn more: https://reactjs.org/link/switch-to-createroot 원인 새로운 버전의 React18에서는 ReactDOM.render가 아니라, createRoot를 추가하여 사용해야 한다. 리액트 공식 문서 : https://ko.reactjs.org/docs/concurrent-mode-reference.html#createroot 해결방법 import Re..

오류 발생 Warning: Invalid DOM property `for`. Did you mean `htmlFor`? 원인 JSX는 JavaScript다. for을 적으면 반복문의 for을 의미하게 된다. 해결방법 Html을 작성하는 것이니 for앞에 html을 붙여서 htmlFor로 적어준다.

Today I Learned 2022. 4. 7. 목 오늘도 역시 사수분께서 내주고 가신 과제를 했다. 어차피 모르는 리액트 구글링으로 입문자를 위한 실습을 따라하면서 배워갔다. 오전에 TODO 리스트를 만들었고, 오후에는 내 주신 과제를 시작했다. 약간 게시물이랑 비슷해서 구글링을 통해서 게시물 만들기를 검색해서 과제에 맞게 맞춰 나갔다. 근데 분명 똑같이 했는데, 에러가 났다. 어디가 다른지 찾을 수가 없어서 복붙도 해봤다. 알고보니 컴포넌트를 불러오면서 생긴 작은 오타였다... 오타를 수정을 했는데, 똑같은 에러가 지워지지 않아서 구글링을 해보니 모듈 버전 관련 에러였다. 항해하면서 리액트 분들이 버전이 안맞아서 너무 힘들다는 얘기를 들었는데, Node만 하던 나는 크게 와닿지 않았는데 이번에 리액..

Props React가 컴포넌트로 작성한 Element를 발견하면 JSX 어트리뷰트와 자식을 해당 컴포넌트에 단일 객체로 전달하는 것을 Properties의 줄임말 props라고 한다. 즉, 부모 컴포넌트에서 자식 컴포넌트로 전달해주는 객체이다. const Welcome = (props) => { return ( hello, {props.name} ) } ReactDOM.render ( , document.getElementById('root') ) 위와 같은 예시 코드는 " hello, Kim SangDeok "을 렌더링을 하는 예시 코드다. 코드를 실행하면 일어나는 일은 Element로 ReactDOM.render()를 호출한다. React는 {name: "Kim SangDeok"}을 props해서 ..