profile
kurly - commerce web development

[자바스크립트] 프로토타입

JS는 객체지향 프로그래밍을 지원하지만, 클래스라는게 없음그러므로 클래스가 없으면? -> 상속도 없다.대신 클래스 대신 프로토타입(Prototype)이라는 것이 존재하고, 이것은 상속을 '흉내' 낸다.JS는 프로토타입 기반 언어이며, 프로토타입 그 자체이다. Perso

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

SPA, SEO, SSR, CSR, TTV, TTI (nextJS)

사용자가 한 페이지에 머무르면서 필요한 데이터를 서버에서 받아와서 부분적으로만 업데이트Vue, React 등 CSR 프레임워크가 개발되었다.검색 엔진 최적화 검색 엔진에서 찾아지기 쉽게 하는것 이미 만들어져 있는 HTML 파일을 클라이언트에게 넘겨준다.장점 \- 페이

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

세션 vs 토큰과 JWT

로그인내 사이트에 가입된 회원 / 권한이 있는 회원임을 아이디와 pw로 인증받는 것 위의 인증을 받고'나서' 내 계정으로 '만' 할 수 있는 활동을 할 때, 로그인이 되어있다는 것을 서버가 알고 이 사용자를 허용해주는 것 \- JWT는 인가에 가깝다.즉, 사용자가 어

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

JIRA 용어 정리

프로젝트>스프린트>에픽>스토리>작업 반복적인 개발 주기. \[계획 -> 개발 -> 리뷰] 까지가 1 스프린트이다.짧은 기간 동안에 동작하는 SW를 사용자에게 제공하면서 피드백을 받아서 고쳐나가는데, 이 '짧은 기간'을 스프린트(Sprint)라고 한다. 각 Sprint

2022년 3월 3일
·
0개의 댓글
·

[React] Ref 와 DOM

DOM에 직접 접근할때.예시: <div id="user"></div> 로 id를 주어서,기존에 document.getelementbyid() 등을 사용해서 직접 해당 DOM 요소에 접근하였다.이렇듯 html에서는 Id를 붙였다면, React 에서는 ref를

2022년 2월 28일
·
0개의 댓글
·

[React] 조건부 렌더링

조건부렌더링 이란? 경험상 주로 내가 조건부 렌더링을 사용했던 부분은... 로그인/로그아웃 여부에 따라 nav 를 다르게 보여주어야 할 때 유저의 관리자/사용자등 권한이 약간 다른경우 조건부 렌더링 코드 예시 로그인 여부에 따라서 각각 다른 화면을 리턴하는 컴

2022년 2월 28일
·
0개의 댓글
·

[JS] 자바스크립트 딥다이브 - 16. 프로퍼티 어트리뷰트

Q. \[prototype]을 접근하려면 왜 \_\_proto\_\_ 를 쓸까? \_\_proto\_\_ 가 좋은 방법일까요?정답은 아니다! 예전에 표준화 되기 전에 브라우저가 자기들 맘대로 \_\_proto\_\_ 으로 접근되게 해놨다. (즉 비표준 방법 이었음.)

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

[React] Context API

props를 매번 넘겨주지 않기 위해서컴포넌트에서 값을 전해받을땐, props로 넘겨받아야한다.바로 위에 있는 부모에서 받아야하는데, 이 depth 가 깊어진다면 계속 전달해주어야 한다. img1서로 다른 페이지에서 같은 데이터를 가지고 있어야 할때SPA 구조에서 여러

2022년 2월 27일
·
0개의 댓글
·

[React] Component 와 Props

img2(컴포넌트 설계의 예시 사진. 한 컴포넌트당 하나의 기능을 가지는것이 좋다.)컴포넌트는 데이터(props)를 입력받아 View(state) 상태에 따라 DOM Node를 출력하는 함수이다. 자바스크립트의 함수와 유사하다.UI를 재사용 가능한 개별적인 여러 조각으

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

[React] 엘리먼트 렌더링

리액트의 가장 작은 단위로, 컴포넌트의 구성요소이며 불변객체이다.여기서 불변객체란, 선언과 동시에 상태가 고정되는 것을 말한다. 그러므로 엘리먼트는 특정 시점의 UI를 보여주는데, 이를 업데이트 하기 위해선새로운 엘리먼트를 생성하고 이를 ReactDOM.render()

2022년 2월 27일
·
0개의 댓글
·

타입스크립트 쓰는 이유와 필수 문법

자바스크립트 위에서 돌아가는 것.둘이 다른 언어가 아니라, 자바스크립트의 플러스 알파라고 생각하면 된다.개발자의 실수를 줄여주는것.타입을 엄격히 검사에러 메세지가 상세하다. (엄격한 타입 체크 덕에)

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

[프로그래머스] 월간 코드 챌린지2 - 음양더하기

음과 양을 더하는 문제뭔가 한줄로 순회할 수 있을것만 같다.짧은 코드가 좋긴 하지만내가 이해할 수 있고 할 수 있을만큼 줄이는게 좋다고 생각한다.가끔 다른 사람이 한줄로 푼게 멋지긴 하지만나는 단번에 이해가 안되서..

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

[프로그래머스] 월간 코드 챌린지2 - 괄호 회전하기

아 ㅜㅜ 다시 차분히 푸니까 금방 풀리는데테스트 시작하면 너무 떨려서 그런지 엄청 어렵게 풀게된다..

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

[프로그래머스] 프린터

인덱스와 값을 가진 새로운 이차원 리스트인 copy 를 만든다.이차원 배열의 값 부분을 내림차순으로 정렬하여 max 값을 지정한다.만약 max 값보다 크다면 result 배열에 옮겨담는다.max 값보다 작으면 맨뒤로 옮긴다.그럼 result 값에 순서대로 담겨져있을것이

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

[백준] 닉네임에 갓 붙이기

문제13163번 : 닉네임에 갓 붙이기

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

[백준] KMP는 왜 KMP일까?

백준 2902번: KMP는 왜 KMP일까?일부러 문자열 정규표현식을 사용했다.다른 풀이방법으로는 isupper 를 통해 대문자만 추가해줄 수 있겠다.

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

[프로그래머스] 가장 큰 수

조합할 수 있는 가장 큰 수로 만들기 예: 30, 34, 3, 9 일 때 답은 934330int 를 string 으로 변경하게 되면 앞자리부터 정렬할 수 있으므로 변경해준다.일단 람다식을 설명하자면, 각 원소에 3을 곱한다는것이다.문자열이므로 같은 문자를 3번 반복한다

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

[프로그래머스] 같은 숫자는 싫어

배열 arr에서 연속적으로 나타나는 숫자는 하나만 남기고 전부 제거하려고 합니다.처음엔 단순히 중복제거인줄 알았는데, 연속된 숫자 제거였음.문제 차분히 읽기 !

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

[프로그래머스] K번째 수

배열 array의 i번째 숫자부터 j번째 숫자까지 자르고 정렬했을 때, k번째에 있는 수를 구하려 합니다.

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

[프로그래머스] 체육복

문제전체학생수가 n, 체육복 잃어버린 학생 lost, 여분의 체육복을 가진 reserve.이때, reserve는 +1, -1 학생에게만 빌려줄 수 있음.또한 여분의 체육복을 가진 학생이 잃어버릴 수 있고, 이 사람은 남에게 체육복을 빌려줄 수 없다.체육복을 모두 입을

2020년 9월 10일
·
0개의 댓글
·