profile
1/10000이 1이 될 때 까지

Semantic Web vs Semantic Tag

시멘틱 웹과 시멘틱 태그의 차이점을 아라보자.

2022년 11월 4일
·
0개의 댓글
·
post-thumbnail

Jira

Jira에 대해 설명하기 앞서 Atlassian에 대해 알아보자!2002년 호주 시드니에서 두 대학생이 시작한 스타트업으로 이슈 트래킹, 프로젝트 관리 소프트웨어 jira(당시엔 agile x)를 시작으로, 매년 수익 1/2를 R&D에 투자하는 기술 전문 사업 전략으로

2022년 10월 12일
·
0개의 댓글
·
post-thumbnail

⭐매우 중요한 가상DOM과 생명주기(Life cycle)

가상 DOM과 Life cycle의 과정을 통해서 리액트가 어떻게 동작되는지, DOM이 어떻게 우리가 보는 화면을 조작하는지 알 수 있기 때문에 가상 DOM과 Life cycle은 매우 중요한 개념이다.Life cycle에 대해 알아보기 전, DOM과 가상돔에 대해

2022년 8월 28일
·
0개의 댓글
·
post-thumbnail

[TypeScript]함수와 methods에 type alias 지정하는 법

함수 타입 지정은 <span style='background-color: 2. 함수에 type alias를 지정하려면 함수 선언식을 사용해야한다.<span style='background-color: 넣는 이유는 함수도 자료 안에 보관해서 쓰고 싶을 때가 있

2022년 8월 24일
·
0개의 댓글
·
post-thumbnail

[TypeScript]Literal Type과 const

<span style='background-color: 함수 파라미터에 들어올 수 있는 자료가 적다면 Literal type으로 제한해 놓는것이 유용하다.✅ Quiz1. 다음과 같은 함수를 만들어 보세요가위 or 바위 or 보 중 1개 입력가능가위 or 바위 or

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

[TypeScript]타입 별칭(Type Alias), readonly

타입 별칭은 type 키워드를 사용해서 타입에 이름을 설정하는 방법이다. 타입 별칭을 정의하는 방법은 <span style='background-color: 별칭은 관습적으로 대문자로 시작한다(일반 변수와 차별화를 하기 위해서)타입 별칭은 유용해 보이지만, 아래의

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

Narrowing vs Assertion (feat.모르고 쓰면 머리깡 당함)

아래처럼 파라미터의 type이 number인지 string인지 명확히 정해지지 않았기 때문에 error발생한다.typescript에서는 Union Type을 바로 조작할 수 없다.따라서 Type이 아직 하나로 확정되지 않았을 경우 Type Narrowing을 써야 한다

2022년 8월 22일
·
0개의 댓글
·
post-thumbnail

[TypeScript] 함수

함수는 파라미터, return 값의 타입을 지정할 수 있다.함수로 들어오는 파라미터의 타입 지정은 파라미터 옆에 적으면 된다.함수가 실행된 후 남는 값 return에 타입을 지정하고 싶으면 함수명() 오른쪽에 적으면 된다.파라미터에 타입을 지정하면 필수 파라미터가 된다

2022년 8월 22일
·
0개의 댓글
·
post-thumbnail

[TypeScript] Union type, Any, Unknown(feat.연산 간단히)

<span style='background-color: ✅ 아래의 코드를 숫자 or 문자가 가능한 array/object 로 지정해보시오.💻My Code타입을 지정하기 애매할 때 사용한다.<span style='background-color: - 하지만 a

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

[TypeScript] 기본 타입 정리 (Primitive types)

TypeScript의 기본 타입에는 크게 다음 12가지가 있다.Boolean, Number, String, Object, Array, Tuple, Enum, Any, Void, Null, Undefined, NeverUnion type: Array에 여러 type을 넣

2022년 8월 19일
·
0개의 댓글
·
post-thumbnail

[TypeScript] TypeScript란?(feat.기초 문법)

= JavaScript + Type문법“JavaScript Superset” js 대용품 같은 언어다.js 문법을 그대로 이용 가능한데, Type부분을 업그레이드한 js 업그레이드 버전이라고 생각하면 된다.js는 Dynamic Typing이 가능하다. 편리하지만, 프

2022년 8월 19일
·
0개의 댓글
·
post-thumbnail

[TroubleShooting] eslint Delete 'cr' error

인턴십을 하면서 프로젝트에 참여하기 위해 오늘 git clone을 받았는데"<span style='background-color: 첫 프로젝트 협업시 초기 세팅 중에도 eslint가 발생했기 때문에, 당황스럽진 않았지만, 똑같이 git clone을 받으신 동기분은

2022년 8월 18일
·
0개의 댓글
·
post-thumbnail

리엑트에서 ref를 사용하는 이유

리액트 컴포넌트 안에서도 id를 사용할 수는 있지만 JSX안에서 DOM에 id를 달면 해당 DOM을 렌더링할 때 그대로 전달되는 문제가 발생할 수 있다. 예를 들어 같은 컴포넌트를 여러번 사용 한다고 가정해보면 HTML에서 DOM의 id는 유일해야 하는데, 이런 상황에

2022년 8월 14일
·
0개의 댓글
·

SPA방식과 MPA 방식

MPA 방식은 일반적인 웹 어플리케이션의 동작 방식으로, 브라우저 주소창에 url이 입력되고 제출되면 서버 컴퓨터로 HTTP 통신으로 요청(request)을 보내고 서버 컴퓨터는 그에 맞는 경로의 리소스(HTML,JS,CSS...)를 전송해줌으로써 응답(response

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

Git Rebase

Git에서 한 브렌치에서 다른 브랜치로 합치는 방법은 Merge와 Rebase가 있다. merge는 히스토리를 확인 할 때 뿌리가 여러개로 나누어져 있어 히스토리를 찾아갈 때 보기 어렵다. 하지만 rebase를 사용하면 베이스를 다시 정의함으로써 새롭게 commit을

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

[Algorithm]부족한 금액 계산하기

새로 생긴 놀이기구는 인기가 매우 많아 줄이 끊이질 않습니다. 이 놀이기구의 원래 이용료는 price원 인데, 놀이기구를 N 번 째 이용한다면 원래 이용료의 N배를 받기로 하였습니다. 즉, 처음 이용료가 100이었다면 2번째에는 200, 3번째에는 300으로 요금이 인

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

AWS

단점datacenter 렌트 비용을 지불해야한다.(보통 montly/yearly contract)power supply, cooling, maintenance 비용을 지불해야한다.새로운 하드웨어 (서버)를 추가하거나 교체할 떄 시간이 많이 소모된다확장하는데 제한사항이

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

[Algorithm] 완주하지 못한 선수

https://programmers.co.kr/learn/courses/30/lessons/42576문자열 s는 한 개 이상의 단어로 구성되어 있습니다. 각 단어는 하나 이상의 공백문자로 구분되어 있습니다. 각 단어의 짝수번째 알파벳은 대문자로, 홀수번째 알파

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

[React] React의 Form

React에서는 변하는 값들을 state에서 동적으로 제어해야하기 때문에 Input태그의 value값을 state에서 추적할 수 있게 해야한다. HTML의 < form > 요소는 사용자의 입력에 따라서 상태가 변경된다.하지만, react에서는 UI를 묘사하기 위

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

[Web]양방향 바인딩과 리렌더링

뷰와 백단의 데이터를 동기화하는 것을 양반향 바인딩이라고 한다.양방향 바인딩을 사용하는 경우 다음과 같이 리렌더링이 이루어진다.양방향 바인딩은 사용자의 입력값이 곧바로 변수에 바인딩이 됩니다.즉 백과 프론트의 데이터 일치가 모두 가능합니다.양방향 바인딩은 데이터의 변경

2022년 7월 24일
·
0개의 댓글
·