web
-
채용과제를 해보자web/react 2025. 6. 19. 17:42
요즘 글이 통없엇다너무 바쁘기도 했고쓸만한것도 없엇고의욕도 없었으니최근 창업했던 빚을 거의 다 해결하면서 다음 프리렌서 찾으면서 정규직도 같이 알아보고 있는데마침 적절한 채용과제가 하나 와서 적으면서 해볼까 한다지금 이글을 쓰고있는 순간에는 코드단한줄 프로젝트 생성도 안했다어떤식으로 하는지 같이 해보자할것은 이렇다 이 피그마 페이지 대로 웹페이지 하나 만들면 된다정적인 사이트고 api 는 하나 쓰라고 햇던거 같다 첫번째 섹셧의 세가지 아이템은 랜더링이 새로 될때마다 순서가 랜덤으로 출력되어야하고 두번째 섹션은 고정이메일 일력칸은 이메일 형식을 감지 파랑 빨강으로 하는 뭐 그런느낌이다 프로젝트 생성을 해보자에디터를 열고(요즘 커서를 쓴다) 컨트롤 + 쉬프트 + ` 누르면 터미널이 열린다npx create..
-
전자정부 누리집 사업자번호 조회 APIweb/react 2024. 8. 26. 14:23
요즘 업데이트가 너무 없어서 작업하는걸 조금씩 올려볼까 한다https://www.data.go.kr/data/15081808/openapi.do#/%EC%82%AC%EC%97%85%EC%9E%90%EB%93%B1%EB%A1%9D%EC%A0%95%EB%B3%B4%20%EC%A7%84%EC%9C%84%ED%99%95%EC%9D%B8%20API/validate 국세청_사업자등록정보 진위확인 및 상태조회 서비스국세청에서 제공하는 사업자등록정보 진위확인 및 사업자등록 상태조회 API 서비스입니다.www.data.go.kr 이번에 들어간 프로젝트에 사업자 회원가입을 위해 사업자 정보 조회 api가 필요하여 전자정부 누리집 이라는 국가 공식 api 서비스를 이용해야 한다 api의 key가 필요하기때문에 저 활용신청..
-
nestjs, vue 로 nicePay 연동 및 테스트web/vue3 2024. 3. 3. 13:50
회사에서 결제서비스를 추가하는데 nicePay가 잘안된다 제목처럼 vue랑 nest로 하고있는데 문제가 좀 있어서 이해를 위해 집에서 함더 해보자 먼저 nest설치후 nest g module payment nest g controller payment nest g service payment 해서 각각 모듈 컨트롤러 서비스를 만들어주자 nicePay의 경우 키값을 날짜 + 가격 + 상점아이디 등을 더한후 sha256 으로 암호화 해준다 그래서 yarn add crypto-js nice 공홈에서도 찾아볼 수 있는 샘플이다 nodejs express, ejs 로 되어있다 아무튼 nest 계속 해보자 우선 무얼해야하나 1. 프론트에서 결제정보를 인증요청해서 백으로 보내면 그걸 승인해준다 2. 마찬가지로 환불쪽..
-
webRTC를 활용해서 영상통화 web개발 2web/BackEnd 2023. 12. 29. 06:41
어..... 저번시간에 java 설정을 그레이들로 하다가 막혓다 그래서 메이븐으로 바꾸고 왜안되지 하다가 이클립스로 바꾸고 이것저것 해보다가 결국 되긴했다 pom.xml에 4.0.0 org.springframework.boot spring-boot-starter-parent 3.2.1 com.example vueRTC 0.0.1-SNAPSHOT vueRTC Demo project for Spring Boot 17 org.springframework.boot spring-boot-starter-web 3.1.3 org.springframework.boot spring-boot-starter-test test org.springframework.boot spring-boot-maven-plugin 이렇게 설..
-
webRTC를 활용해서 영상통화 web개발 1web 2023. 12. 26. 08:57
개발자는 크게 프론트, 백앤드로 나뉘고 둘다 할 수 있는 풀스택 개발자가있다 난 개발자라면 풀스택 개발자를 향해 가야한다고 생각한다 아 취업과외 플랫폼의 경우 10월인가 11월에 끝내기도 했고 내가 글쓰는 스타일이 혹시나 누가 나랑 비슷한거 따라만들 수 있도록 소스코드 통째로 올리면서 초심자 기준으로 설명하기 때문에 관둿다 좀 그르니까 이얘기를 중간에 왜했냐면 그때 webRTC를 쓰긴했는데 이 webRTC가 프론트도 백앤드도 손이 많이가고 턴서버 스턴서버 어쩌고 하면서 골치를 많이 썩였다 듣기로는 계시판 하나 재대로 만들면 모두 그것의 응용이다. 라고 하지만 계시판은.. 재미없을거같으니까... 아무튼 풀스택 개발로 가야한다 그렇게 생각만 해왓다 그리고 오늘 그 첫 발걸음을 디딘다 먼저 이번엔 안해본 것,..
-
취업과외 서비스 개발기1web/react 2023. 8. 7. 22:04
몇달간 글이 없엇다 왜냐면 진자 뒤지게 바빳기 때문에.... 여기서 더바빠질 수 도있는데 아직 잘모르겟고 일단 바쁜이유는 티비 홈쇼핑 앱과, 취업과외 서비스 개발을 동시에 진행해서다. 홈쇼핑앱의 경우 지금은 밝힐 수 없고 (추후 문제가 될 수 있으니) 자료도 없으니 취업과외 서비스 개발부터 풀어보자 https://moigeul.com/ https://moigeul.com/ 자소서, 논술, 작문 쓰는 법을 몰라서 몇번이고 떨어졌었어요. 그래도 일대일로 코칭을 받으니까 어떻게 써야하는지 감이 잡히더라고요! -아나운서 지망생 박○후- moigeul.com 시작과 동시에 완성품을 들고 왔다 완전히 완성은 아니지만 어느정도 서비스 할 구색은 갖추엇다고 본다 먼저 이 프로젝트는 nuxt 로 되어있엇다. 다만 되어있..
-
React 키보드 컨트롤로 Item 이동하기 getBoundingClientRectweb/react 2023. 5. 6. 00:30
회사에서 진행하는 프로젝트에서 키보드로 모든걸 컨트롤 할 수 있어야 하는데 한 페이지에서 문제가 발생했다 이상태에서 상품이 나열되어 있는데 키보드 컨트롤을 통해 자연스러운 상하 좌우 이동이 필요한것. 좌우이동까지는 문제가 없엇다. 각 아이템에 index값을 주고 +1, -1 로처리하면 해결되었으니까 하지만 상하 이동이 문제였다. 처음엔 해당열을 계산(API에서 할인율별로 상품을 가져오고 있으며 이아이템은1개에서 최대 20개까지 변동이 있다) +해당열의 개수 -해당열의 개수 를 하면 상하이동도 문제가 없다고 생각했으나.. 문제는 스크롤 이었다 스크롤은 반드시 있을 수 밖에 없었으며 첫번째 행의 스크롤을 오른쪽 끝까지 밀고(해당 예시의 경우 40)하단으로 내리면 +40을 해버려 두번째 행의 80에 포커스가 ..
-
react에서 hls.js를 이용 mp4, m3u8, youtube 비디오 플레이어 만들기 Uncaught TypeError: Cannot read properties of undefined (reading 'call') 오류해결web/react 2023. 4. 5. 23:26
회사에서 관련된 프로젝트를 진행하는데 왜인지 모르게 mp4비디오만 정상적으로 작동하고 m3u8비디오는 동작하지 않는다 도저히 모르겠어서 이것저것 다해보고 야근까지 하다가 퇴근하고 다시 써본다 원래같으면 작업하던 폴더에서 이어서 하겠지만 내 노트북이 볼모로 잡혀잇고 깃 또한 외부에서 접속이 불가하기에 간단한 프로젝트를 통해 hls.js가 과연 재대로 동작하는지 그리고 그대로 써도 되는지에대해 확인해보고자 아주 조그만 프로젝트를 만들어 보고자 한다 첫번째로 기본적인 react프로젝트를 만든 후 npm install react react-dom react-scripts hls.js youtube-iframe 필요한 패키지를 설치해 준다 난 간단한 확인이 필요하기에 그냥 한페이지에 동영상 3개를 때려박을 생각이..