profile
후론트엔드 개발자
태그 목록
전체보기 (139)주간보고(5)파이썬(4)useContext(3)자바스크립트(2)React(2)도커(2)리액트(2)서버통신(1)리액트 map event 분리(1)자바스크립트 반복문(1)link to url 오류(1)리액트 웹 통신(1)html 태그내 조건(1)zendesk api(1)리액트 드래그앤드롭(1)서버지원(1)자바스키립트 10798번(1)자바스크립트 필터(1)KOVAN PG사 결제 모듈(1)react library(1)도커 이미지 생성(1)popup(1)git push(1)배열이 아닌 대상 반복(1)이벤트 중복 발생(1)React Hooks(1)jsx 조건절(1)\n not working(1)브라우저 모바일 연동 툴(1)git 저장소 2개(1)react zendesk embeddable(1)react zendesk api(1)데이터 정렬(1)GitLab(1)nodejs 10798번(1)nodejs 2563번(1)리액트 이벤트 동시발생 오류(1)렌더링중복(1)서버 데이터 정렬(1)nodemailer(1)자바스크립트 2563번(1)koa.js 맥(1)데이터통신(1)koajs(1)gitlab sshkey 추가(1)리액트 정렬(1)프론트개발(1)정보처리기사(1)centos(1)자바스크립트 날짜 필터(1)fill(1)graphQL end point(1)특정값 기준 정렬(1)React-dropzone(1)git remote 2 url(1)React Carousel(1)초기렌더링(1)리액트 컴포넌트 커스터마이징(1)JavaScript(1)blob파일(1)vscode gitlab 연동(1)git add another remote(1)react-zendesk(1)자바스크립트 정렬(1)gitlab clone error(1)이미지첨부수정(1)nodejs 2738번(1)반복문(1)업무정리(1)리액트 파일첨부 라이브러리(1)Link to(1)react dnd(1)삼항연산자(1)PG사 결제(1)정처기(1)리액트 \n(1)도커 컨테이너 실행(1)자바스크립트 타이머(1)fetch data(1)리액트 대용량 파일 첨부(1)크롬 개발자 도구(1)setInterval 타이머(1)이벤트버블링 이벤트버블링방지(1)자바스크립트 2738(1)프론트 버그(1)react-bootstrap(1)리액트 타이머(1)드래그앤드롭(1)map의 오류(1)함수형 컴포넌트 상태관리(1)moment 비교(1)자바스크립트 시간 지연 함수(1)장애대응(1)javascript sorting(1)slide image(1)정처기 필기(1)git push another remote branch(1)sorting with specific value(1)CRUD(1)크롬 개발 툴(1)결제 연동(1)파이썬제어문(1)정처기 2주 준비(1)리액트 줄바꿈(1)modal(1)
post-thumbnail

[React] 대용량 파일 첨부 라이브러리 react-dropzone

대용량 파일 첨부시 라이브러리를 이용, dran n drop도 명세서에 있던 것 같아서 이걸로 정함src/hooks/FileUpload.jshook을 이용해서 여기에 둠src/views/Main.js불러오는 컴포넌트테스트화면561MB까지 테스트

4일 전
·
0개의 댓글
·

[백준] 자바스크립트 2745번

문제B진법 수 N이 주어진다. 이 수를 10진법으로 바꿔 출력하는 프로그램을 작성하시오.10진법을 넘어가는 진법은 숫자로 표시할 수 없는 자리가 있다. 이런 경우에는 다음과 같이 알파벳 대문자를 사용한다.A: 10, B: 11, ..., F: 15, ..., Y: 34

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

[React] useContext hook

함수형 프로젝트를 진행하는데, 전역으로 관리할 state가 많지 않아서 useContext를 사용한다.( 현재까지는 user 정보만 가지고 다니면 됨 )폴더구조src/hooks/TestContext.jsuseContext hook을 사용하여 컴포넌트 생성src/App.

5일 전
·
0개의 댓글
·

[React] Zendesk API 연동

Historyadmin결과end-user결과내려오는 데이터가 admin이랑 다르넹history 는 embeddable하게 구현 불가 Zendesk API 로 통신하여 리스트 받아오기Zendesk API key 발급 후 .env 에 변수로 저장문제점 아직 화면에 받아오는

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

[React] React_zendesk embeddable web widget 적용

History = 확인 가능한 데이터 + Status Priority Assignee ( User name, User ID or Email ) : 티켓이 할당된 담당자 정보 Requester : 티켓작성자 Created : 작성일

2023년 5월 25일
·
0개의 댓글
·

[백준] 자바스크립트 2738번

문제N\*M크기의 두 행렬 A와 B가 주어졌을 때, 두 행렬을 더하는 프로그램을 작성하시오.입력첫째 줄에 행렬의 크기 N 과 M이 주어진다. 둘째 줄부터 N개의 줄에 행렬 A의 원소 M개가 차례대로 주어진다. 이어서 N개의 줄에 행렬 B의 원소 M개가 차례대로 주어진다

2023년 5월 20일
·
0개의 댓글
·

[백준] 자바스크립트 2563번

문제가로, 세로의 크기가 각각 100인 정사각형 모양의 흰색 도화지가 있다. 이 도화지 위에 가로, 세로의 크기가 각각 10인 정사각형 모양의 검은색 색종이를 색종이의 변과 도화지의 변이 평행하도록 붙인다. 이러한 방식으로 색종이를 한 장 또는 여러 장 붙인 후 색종이

2023년 5월 20일
·
0개의 댓글
·

[백준] 자바스크립트 10798번

문제아직 글을 모르는 영석이가 벽에 걸린 칠판에 자석이 붙어있는 글자들을 붙이는 장난감을 가지고 놀고 있다. 이 장난감에 있는 글자들은 영어 대문자 ‘A’부터 ‘Z’, 영어 소문자 ‘a’부터 ‘z’, 숫자 ‘0’부터 ‘9’이다. 영석이는 칠판에 글자들을 수평으로 일렬로

2023년 5월 20일
·
0개의 댓글
·

[벡준] 자바스크립트 2566번

문제<그림 1>과 같이 9×9 격자판에 쓰여진 81개의 자연수 또는 0이 주어질 때, 이들 중 최댓값을 찾고 그 최댓값이 몇 행 몇 열에 위치한 수인지 구하는 프로그램을 작성하시오.예를 들어, 다음과 같이 81개의 수가 주어지면<그림 1>1열 2열 3열 4열

2023년 5월 17일
·
0개의 댓글
·

[백준] 자바스크립트 25206번

문제인하대학교 컴퓨터공학과를 졸업하기 위해서는, 전공평점이 3.3 이상이거나 졸업고사를 통과해야 한다. 그런데 아뿔싸, 치훈이는 깜빡하고 졸업고사를 응시하지 않았다는 사실을 깨달았다!치훈이의 전공평점을 계산해주는 프로그램을 작성해보자.전공평점은 전공과목별 (학점 × 과

2023년 5월 15일
·
0개의 댓글
·

[백준] 자바스크립트 1316번

문제그룹 단어란 단어에 존재하는 모든 문자에 대해서, 각 문자가 연속해서 나타나는 경우만을 말한다. 예를 들면, ccazzzzbb는 c, a, z, b가 모두 연속해서 나타나고, kin도 k, i, n이 연속해서 나타나기 때문에 그룹 단어이지만, aabbbccb는 b가

2023년 5월 11일
·
0개의 댓글
·

[백준] 자바스크립트 2941번

문제예전에는 운영체제에서 크로아티아 알파벳을 입력할 수가 없었다. 따라서, 다음과 같이 크로아티아 알파벳을 변경해서 입력했다.예를 들어, ljes=njak은 크로아티아 알파벳 6개(lj, e, š, nj, a, k)로 이루어져 있다. 단어가 주어졌을 때, 몇 개의 크로

2023년 5월 10일
·
0개의 댓글
·

[백준] 자바스크립트 4344번

문제대학생 새내기들의 90%는 자신이 반에서 평균은 넘는다고 생각한다. 당신은 그들에게 슬픈 진실을 알려줘야 한다.입력첫째 줄에는 테스트 케이스의 개수 C가 주어진다.둘째 줄부터 각 테스트 케이스마다 학생의 수 N(1 ≤ N ≤ 1000, N은 정수)이 첫 수로 주어지

2023년 5월 10일
·
0개의 댓글
·

[백준] 자바스크립트 1157번

문제알파벳 대소문자로 된 단어가 주어지면, 이 단어에서 가장 많이 사용된 알파벳이 무엇인지 알아내는 프로그램을 작성하시오. 단, 대문자와 소문자를 구분하지 않는다.입력첫째 줄에 알파벳 대소문자로 이루어진 단어가 주어진다. 주어지는 단어의 길이는 1,000,000을 넘지

2023년 5월 9일
·
0개의 댓글
·

[git] gitlab ssh: Connection refused

컴퓨터를 바꿨다.vscode랑 gitlab을 연동해야함터미널에서 키생성 ./ssh/id_rsa.pub 내용 복사git에 추가 Preferences / SSH keys 에 key 추가vscode에서 clone4.에서 connect to host gitlab.주소.co.k

2023년 5월 4일
·
0개의 댓글
·

[백준] 자바스크립트 10988번

문제알파벳 소문자로만 이루어진 단어가 주어진다. 이때, 이 단어가 팰린드롬인지 아닌지 확인하는 프로그램을 작성하시오.팰린드롬이란 앞으로 읽을 때와 거꾸로 읽을 때 똑같은 단어를 말한다. level, noon은 팰린드롬이고, baekjoon, online, judge는

2023년 5월 4일
·
0개의 댓글
·

[백준] 자바스크립트 10812번

문제도현이는 바구니를 총 N개 가지고 있고, 각각의 바구니에는 1번부터 N번까지 번호가 순서대로 적혀져 있다. 바구니는 일렬로 놓여져 있고, 가장 왼쪽 바구니를 1번째 바구니, 그 다음 바구니를 2번째 바구니, ..., 가장 오른쪽 바구니를 N번째 바구니라고 부른다.

2023년 5월 2일
·
0개의 댓글
·

[백준] 자바스크립트 2444번

문제예제를 보고 규칙을 유추한 뒤에 별을 찍어 보세요.입력첫째 줄에 N(1 ≤ N ≤ 100)이 주어진다.출력첫째 줄부터 2×N-1번째 줄까지 차례대로 별을 출력한다.제출문자열반복 repeat()

2023년 4월 27일
·
0개의 댓글
·

[백준] 자바스크립트 3003번

문제동혁이는 오래된 창고를 뒤지다가 낡은 체스판과 피스를 발견했다.체스판의 먼지를 털어내고 걸레로 닦으니 그럭저럭 쓸만한 체스판이 되었다. 하지만, 검정색 피스는 모두 있었으나, 흰색 피스는 개수가 올바르지 않았다.체스는 총 16개의 피스를 사용하며, 킹 1개, 퀸 1

2023년 4월 25일
·
0개의 댓글
·

[백준] 자바스크립트 25083번

문제아래 예제와 같이 새싹을 출력하시오.입력입력은 없다.출력새싹을 출력한다.제출자바스크립트에서 사용할 수 있는 주요 이스케이프 문자는 다음과 같습니다.' : 작은 따옴표" : 큰 따옴표\\n : 줄바꿈\\r : 캐리지 리턴\\t : 수평 탭\\b : 백스페이스\\f :

2023년 4월 24일
·
0개의 댓글
·