profile
신입 프론트엔드 개발자
post-thumbnail

개발 블로그 ) Velog 에서 Tistory로

옛주소 : https://velog.io/@pji3504변경된 주소 : https://jongik.tistory.com/작년까지 학습 정리용으로 velog 에 글을 썼습니다. 지난 한 해 동안의 글들을 다시 살펴보니.. 제가 봐도 두서없이 글을 정말

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

프로그래머스) JadenCase 문자열 만들기

문제 풀러가기 문제 설명 풀이

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

Vue) Mixins VS HOC

vue의 믹스인과 하이오더 컴포넌트 접근 방식을 학습하면서 두 가지 방법의 차이점에는 어떤 것이 있는지 의문이 생겨서 찾아보았다..HOC는 리액트의 함수형 프로그래밍에서 기반한 컴포넌트 개발 패턴이다.컴포넌트의 코드를 재사용하기 위한 방법이기도 하지만 캡슐화와 컴포넌트

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

Vue) Mixins 믹스인

믹스인(Mixins)은 여러 컴포넌트 간에 공통으로 사용하고 있는 로직, 기능들을 재사용하는 방법이다. 믹스인에 정의할 수 있는 재사용 로직은 data, methods, created 등과 같은 컴포넌트 옵션들이다.믹스인을 주입할 컴포넌트에 mixins 속성을 선언한

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

Vue) 하이 오더 컴포넌트

컴포넌트의 로직(코드)를 재사용하기 위한 고급 기술ProductList와 UserList 두 컴포넌트는 각각 상품과 사용자 정보를 서버에서 받아와 표시해주는 컴포넌트이다.그리고 공통적으로 들어가는 코드가 있다.name은 컴포넌트의 이름을 정의해주는 속성,mounted(

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

ES6) Javascript REST

rest는 객체, 배열 그리고 함수의 파라미터에서 사용 가능하다.rest 안에 color를 제외한 값이 들어가게 된다.추출한 값의 이름이 꼭 rest일 필요는 없다.배열 비구조화 할당을 통해 원하는 값을 밖으로 꺼내고, 나머지 값을 rest에 넣는다.파라미터로 넣어준

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

TS) 타입스크립트(TypeScript) 입문 (1)

타입스크립트는 자바스크립트에 타입을 부여한 언어이며 자바스크립트의 확장된 언어라고 볼 수 있다.크게 두 가지가 있다.에러의 사전 방지😎숨겨진 내용😎

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

js) Promise

프로미스는 자바스크립트 비동기 처리에 사용되는 객체 \- (비동기 처리란 '특정 코드의 실행이 완료될 때 까지 기다리지 않고 다음 코드를 먼저 수행하는 자바스크립트의 특성'을 의미)api통신이 완료된 후 다음 함수로 넘어 갈 수 있게 해준다?콜백함수를 사용한 코드프로

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

js) async & await

기존의 비동기 처리 방식인 콜백함수와 프로미스의 단점을 보완하고 개발자가 읽기 좋은 코드를 작성할 수 있게 도와준다.fetchItems() 함수를 실행하면 프로미스가 이행되며 결과 값은 items 배열이 된다.logItems() 함수를 실행하면 fetchItems()

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

Helper란?

Vuex에 선언한 state 속성을 뷰 컴포넌트에 더 쉽게 연결해주는 헬퍼Vuex에 선언한 getters 속성을 뷰 컴포넌트에 더 쉽게 연결해주는 헬퍼Vuex에 선언한 mutations 속성을 뷰 컴포넌트에 더 쉽게 연결해주는 헬퍼Vuex에 선언한 actions 속성을

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

ES6) Spread 연산자

Spread 연산자를 통해 배열, 문자열, 객체 등 반복 가능한 객체를 개별 요소로 분리할 수 있다.기존방식ES6의 spread 사용함수를 호출할 때 함수의 매개변수(parameter)를 spread operator로 작성한 형태를 Rest parameter라고 부른다

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

Vuex) actions?

예시코드비동기 처리 로직을 선언하는 메소드, 비동기 로직을 담당하는 mutations데이터 요청, Promise, ES6 async과 같은 비동기 처리는 모두 actions에 선언예제 1예제 2언제 어느 컴포넌트에서 해당 state를 호출하고, 변경했는지 확인하기가 어

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

Vuex) state와 mutation의 이해

프론트엔드 백엔드 파트를 나누어 프로젝트를 진행 중,모든 페이지에서 매번 api통신을 통해 정보를 요청하는 것은 되게 비효율적으로 느껴졌다.그래서 프론트단에서 Vuex store를 이용해 데이터들을 저장하는 방법에 대해 알아보았다.이 글은 state와 mutations

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

onClick 이벤트 겹침 발생 해결 (Form Error)

Vue2를 사용해 프로젝트를 하던 중 API 통신을 위해 버튼을 이용해 click 이벤트를 발생시키려 했는데 클릭이 두 번 되거나 페이지가 새로고침 되는 등의 문제가 발생했다.script code여러 개의 API 통신을 시도하면서 필요에 따라 form 객체 안에 데이터

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

프로그래머스- 구명보트 Javascript

\-> https://programmers.co.kr/learn/courses/30/lessons/42885사람들을 무게가 무거운 순으로 정렬한다.순서대로 2명씩 배에 실어보고 배의 무게한도보다 낮으면 배의 개수 1 추가, 무게한도 보다 높으면 1명만 탑승해야

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

programmers) H-index (javascript)

https://programmers.co.kr/learn/courses/30/lessons/42747

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

programmers) Weekly Challenge 1주차 부족한 금액 계산하기 (javascript)

https://programmers.co.kr/learn/courses/30/lessons/82612플젝때문에 시간이 없어 쉬운 문제를 선택해 풀었다..

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

programmers) 짝지어 제거하기 (javascript)

문자를 묶어야하나 문자열을 쪼개야하나 계속 고민했던 문제인데 단순히 배열을 하나 더 만들어서 하나씩 입력하면서 비교만 하면 되는 문제였다..간단한 문제해결 방법을 빨리 떠올릴 수 있는 연습이 필요할 것 같다.Array.prototype.pop() : 배열에서 마지막 요

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

axios와 fetch의 차이에 대해

참고사이트 : https://www.geeksforgeeks.org/difference-between-fetch-and-axios-js-for-making-http-requests/브라우저에서 node.js 또는 XMLHttpRequests의 HTTP 요청을

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

javascript) event.target??

이전 글에서 팔로우팔로워 버튼을 클릭해 텍스트를 변경하는 글을 올렸었는데 수정이 필요했다. https://velog.io/@pji3504/javascript-%EB%B2%84%ED%8A%BC-%ED%85%8D%EC%8A%A4%ED%8A%B8-%EB%B0%98%EB%B

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