post-thumbnail

[TIL] wanted pre-onboarding 일정 등록 중복 방지

원티드 프리온보딩 프론트엔드 개발자 교육과정 중 일정 등록할 때 이미 등록된 일정이 있을 경우 중복된 일정인지 검사해주는 구현 사항이 있었다. 프로젝트 진행 과정 중에는 구현하지 못했지만 과정이 끝나고 리팩토링을 진행하면서 중복 방지 기능 구현을 해보았다.수업 일정 추

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

[TIL] wanted pre-onboarding json-server

yarn으로 Json-server 설치하기 data.json을 만들어 줍시다 package.json "server": "json-server --watch ./public/data/moviesData.json --port 8000" 넣고 “start”에 ya

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

[react] Img lazy loading 개념 및 정리

사전과제를 토대로 하나의 플젝으로 합치는 과제를 진행하였다. 협업을 진행하면서 맞춰야할 부분이 많았고 공부할게 많다고 느꼈다. 담당한 기능 Img lazyloading Img lazyloading 출처: pullrequest.com/blog/how-and-why-

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

[Typescript] 타입스크립트 타입(2)

모든 값을 적어줘야 한다. 자식 클래스나 클래스 인스턴스에서 접근이 가능하다. 아무것도 표기하지 않으면 모두 public.해당 클래스 내부에서만 사용 가능하다.자식 클래스 내부에서는 참조할 수 있지만 클래스 인스턴스로는 접근이 불가능하다.\*수정할 수 없게 하려면 re

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

[Typescript] 타입스크립트 타입(1)

add(1, 2)를 제외하고 원하는 사용 방식이 아니다.Javascript는 동적언어로 런타임에 타입결정되고 그 때 오류가 발견된다.개발자가 실수하면 사용자가 오류를 볼 수 있다.Java, TypeScript(정적언어)은 컴파일 타임에 타입이 결정된다.코드 작성 시간이

2022년 6월 30일
·
0개의 댓글
·
post-thumbnail

[원티드] 프리온보딩 코스 프론트엔드

주제) 프리온보딩 코스에는 참가기업에 지원해야 하는 제도가 있습니다. 왜 이런 제도가 있는지, 그리고 지원하고 싶은 참가기업은 어디인지 작성해주세요.퇴사하고 난 뒤, 취업 준비를 하면서 공부할 것이 많다고 느끼고 있었습니다. 원티드를 둘러보다가 프리온보딩 코스를 보게

2022년 6월 25일
·
0개의 댓글
·
post-thumbnail

[AWS] aws 가비아 도메인 연결

Router 53이동도메인 이름에 등록한 도메인을 입력해준다.생성한 도메인으로 들어와서 레코드를 생성해준다. 값에 aws ec2의 퍼블릭/탄력적 주소를 입력하고 레코드를 생성한다.목록에서 생성된 레코드 확인.레코드(DNS 레코드)도메인 또는 하위 도메인의 트래픽을 라우

2022년 6월 13일
·
0개의 댓글
·
post-thumbnail

[AWS] aws linux2에서 React, mongodb 배포 - nginx설정, pm2, ESM error

기존에 로컬에서 작업하던 클라이언트 단 react 파일을 yarn build하여 build 폴더를 생성한다. nginx에서 git clone ''해서 react 프로젝트를 받아와서 배포하는 경우도 있지만 용량이 커서 빌드 파일만 올려주기로 했다. 파일질라로 접속해서 빌

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

[CSS] CSS 방법론 BEM

BEM은 Block, Element, Modifier를 뜻한다. "\_\_"와 "--"로 구분.BEM은 기본적으로 ID를 사용하지 않고 class만 사용한다.'어떻게 보이는가'가 아닌 '어떤 목적을 가지고 있는가'에 초점을 맞춰서 네이밍을 해야 한다..red가 아닌 .

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

[AWS] EC2 aws linux 2, mongoDB, Robo 3T, nginx 연결

Node.js / MongoDB로 작업한 프로젝트를 AWS EC2를 이용해 배포하고자 한다. 우선 연결 과정부터 보도록 하자. 1. 인스턴스 생성 EC2 대시보드에 들어가서 인스턴스 시작 버튼을 누른다 사용하고자 하는 AMI를 선택 해준다. 프리 티어 사용 가능(

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

[js]브라우저 저장 - 쿠키, 로컬스토리지, 세션스토리지

key: value로 데이터를 저장하고 key로 데이터를 조회한다. LocalStorage(영구 저장소)와 SessionStorage(임시저장소)로 나뉘어져 데이터의 지속성을 구분하여 알맞게 선택하여 사용할 수 있다. 최대 저장용량은 5MB ~ 10MB - 브라우저마다

2022년 6월 5일
·
0개의 댓글
·
post-thumbnail

[js] 에라토스테네스의 체 | 소수 판별 알고리즘

소수 - 1보다 큰 자연수 중 1과 자기 자신만을 약수로 가지는 수에라토스테네스의 체는 소수를 판별하는 알고리즘으로 1을 제외하고 2부터 N까지 자신을 제외하고 자신의 배수들을 지워하면서 소수들만 남기는 원리ex) N = 25 일 경우2부터 실행 ( 1은 소수가 아님)

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

[js] Audio 사용하기

js로 오디오를 컨트롤하려고 js Audio 객체를 생성하여 구현하였다.https://codepen.io/EmNudge/embed/rRbLJQ?default-tab=js%2Cresult&theme-id=light모바일에서는 볼륨 조절이 작동하지 않는다.

2022년 1월 20일
·
0개의 댓글
·

Error - node.js node-sass version(window)

gulp를 사용하는 작업 파일에서 npm run dev를 했는데 에러가 발생했다.Error: Node Sass does not yet support your current environment: Windows 64-bit with falsenode version 16.

2022년 1월 20일
·
0개의 댓글
·
post-thumbnail

Instagram 게시물 불러오기 / api 연동

동영상 강의https://www.youtube.com/watch?v=cWj1vEuB1GIInstagram api 내용 정리된 블로그https://tonhnegod.tistory.com/245인스타그램과 페이스북 계정 둘 다 있어야한다.인스타그램 계정

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

react-native - 5 Stack Navigator

화면 전환https://reactnavigation.org/docs/getting-started=> docs 설치dependencies 설치yarn/npm에 따라서 설치해준다.ios 폴더로 가서 pod installPodfile.lock에서 기록한 lib들에

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

react-native 정리 - 4 Image, Modal

<span style="color: assets/images 이미지를 넣을 폴더를 생성한다.이미지를 넣고 이미지를 불러올 파일에 import 해준다.resizeMode<span style="color: <span style="color: <span

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

react-native 정리 - 3 Picker, ActivityIndicator

값을 선택할 수 있는 기능Picker github linknpm install @react-native-picker/picker --saveoryarn add @react-native-picker/picker설치해주고 ios 폴더로 이동해서 npx pod-install

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

[D3.js] CSS conic-gradient - 원형차트(pie chart) 만들기

만들어야 할 원형 차트는 바깥쪽에 퍼센트가 있고 안쪽 차트는 컬러가 나뉜다.겉에는 고정적인 모양이라 css conic-gradient 속성을 이용해 만들어주고 안쪽은 데이터가 있기 때문에 d3.js를 이용해 script로 요소를 추가하려고 한다. (색상 시작 지점 끝

2021년 9월 30일
·
0개의 댓글
·

react-native 정리 - 2 ScrollView, TextInput

안드로이드와 ios 기본 스타일이 다르다. 이벤트가 발생하는 프로퍼티가 필요하다.

2021년 9월 30일
·
0개의 댓글
·