profile
technology blog
post-thumbnail

[TIL] Deployment

Pling cms(어드민+성우) 페이지 NEXT.js로 마이그레이션 및 기능 추가한 사이트를 완성해서 localhost > heroku test server로 빌드 및 배포하는 작업을 진행했다. 그 과정에서 알게된 내용을 작성해보고자 한다. 처음에는, haroku가 무

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

[TIL] data 구조 변경하기

1안 map으로 돌려서 내보내기 var items = \[];var rtn = items.map(item => {return {...item,dId: item.delivery.id}; })2안 JSON.stringify로 객체를 string으로 변경하기 JSON.str

2021년 12월 1일
·
0개의 댓글

[TIL] moment를 사용해 날짜 계산하기

cms 어드민 페이지 작업 중 플리니스트 환전 금액을 무조건 다음주 (금)에 준다는 안내 페이지 기획이 있었다. 처음에는 생 javascript로 계산하게 되었다. 하지만 왜인지... 연산이 잘못되는 부분이 있었고 12월일 때 13이 되는데 해당 부분 예외처리가 안되는

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

[TIL] Next.js 환경변수(.env)_ 클라이언트 방향

Next.js 초기세팅 이후 로그인/회원가입 페이지 마이그레이션을 하고 있는데 통신이 안되는 문제가 있었다...🥲console.log를 찍고 찾아보니, process.env.\~~에서 undefined가 뜨며 통신이 제대로 되고 있지 않는다는 것을 알 수 있었다..!

2021년 11월 16일
·
0개의 댓글

[TIL] Next.js + useForm(react Hook) 으로 폼 유효성 검사

로그인이나 회원가입 기능을 만드는 경우에 유효성 검사는 굉!장!히 중요한 부분이다. 플링 웹 어드민 페이지 마이그레이션 중, 로그인 페이지 유효성 검사 부분에서 블로커에 직면했고 그 이유는 Next.js에서 사용하지 못하는location 때문이었다. 이를 해결하기 위해

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

[TIL] 클로저와 커링함수

변수나 함수명을 가지고 그 값을 찾을 때 들여다 보는 곳이 '스코프'1)inner()에서 console.log(b)를 찍었음 2) inner()스코프에서 b를 찾아보지만 없음 3) 그 다음으로 outer()스코프에서 b를 찾았을 때 값이 있음=> 전역스코프(global

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

[TIL] CSS - Position

면접을 보면서 css에 대한 내용을 확실하게 공부해야겠다고 생각했고, 그 중 오늘은 position에 대해 공부를 해보려고 한다. position을 쓰면서 어떤 기준으로 움직이고, 안되는 순간에 대한 이해도를 높이고 싶었다. css position 속성은 문서 상에 요

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

[TIL] React, Vue.js, Angular.js 비교

React로 개발을 하고 있기에 React에 대해 알아갈 겸, React와 같이 사용되고 있는 Vue와 Angular 프레임워크와 비교해 보고 싶었다. 이를 알기 위해서는 웹사이트에서의 MVC구조에 대한 이해가 선행되어야 하기 때문에 MVC 구조가 무엇인지 먼저 알아보

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

[개발일기] #2 개발자라는 왕관의 무게를 견딜 수 있는가?

개발자로 면접을 보러 다니는 중, 많이 물어보는 질문이 있었다.어렵다. 솔직히 비전공자인 나에게 물어보는 게 당연하다고 생각한다. 컴퓨터 공학 전공자들에게도 개발 지식은 너무 어렵고, 계속 공부해야하는 챌린지이다. 2년 동안 개발 공부를 하다 말다 했을 때, 개발 공부

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

[TIL] TypeScript interface vs Type

프론트엔드 개발자 인터뷰 대비를 할 겸 브리딩 인턴십 프로젝트를 다시 보던 중.. TypeScript를 사용했던 내용을 발견해 정리할 겸 면접 직전에 끄적여보는 TIL이다. 자바스크립트를 기반으로 정적 타입 문법을 추가한 프로그래밍 언어이다. 1) 컴파일 언어, 정적

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

[TIL] SPA, MPA, CSR, SSR

브라우저에서 자바스크립트로 화면을 그림가장 큰 차이: 새로고침(깜빡임) 모바일이 대세인 최근, 적은 트레픽과 빠른 인터렉션이 중요해 SPA와 잘 맞는다. 차이점: 가장 첫 요청에 html이 들어있느냐 아니냐!아무런 초기 설정 없이도 CRA를 통해 React 기반의 SP

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

[TIL] [CS지식] 프로세스와 스레드

XXX.exe가 붙어있는 파일 프로그램이 실행되어서 돌아가고 있는 상태즉, 컴퓨터가 어떤 일을 하고 있는 상태 동시성: 프로세스 하나가 여러작업을 돌아가며 일부분씩 작동병렬성: 프로세스 하나에 코어가 여러개가 달려서 각각 여러개가 돌아감한 프로세스 안에서 여러개의 작업

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

[TIL] [JavaScript] This

코어 자바스크립트의 this 부분을 읽다가 도저히 이해가 안되어 this를 공부해야겠다고 생각했다. mdn을 살펴보면, "this는 javascript에서는 다르게 동작한다."라는 문장이 있다. 알아보니 다른 언어에서의 this는 클래스 인스턴스의 래퍼런스 변수라고 한

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

[TIL] [네트워크] TCP와 UDP

네트워크? 컴퓨터들이 통신 기술을 이용하여 그물망처럼 연결된 통신 이용 형태를 의미합니다. 좀더 쉽게 말하자면 "두 대 이상의 컴퓨터들을 연결하고 서로 통신(이야기)할 수 있는 것" '어떤 연결을 통해 컴퓨터의 자원을 공유하는 것'이라고 말이죠. IEEE(Instit

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

[BeerBnb] 2차 프로젝트 후기

!youtubeecPMjOMoKWY&t=33s술은 마셔보는 거야!어디든 상관없이 술마시고 싶을 때 비어비앤비가 도와드립니다!저희 비어비앤비는 주종에 따라 마시기 좋은 최적의 숙소를 찾아드립니다.에어비앤비의 매력과 페이지의 디자인/기획이 마음에 들어 디자인/기획 부분만

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

[TIL][Intern] React hooks - Resize event Listener

브리딩 홈페이지 리뉴얼 작업을 하던 중, 페이지의 너비에 따라 slider 버튼이 생기고 지워지는 기능을 추가해야했다.media query 말고 resize 이벤트를 쓴 이유는 크게 두가지이다. 1) media query로 동일한 기능을 각각 구현해야한다는 점=> 똑같

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

[Algorithm] 프로그래머스_2016년

프로그래머스 문제 2016년!2016년 1월 1일은 금요일입니다. 2016년 a월 b일은 무슨 요일일까요? 두 수 a ,b를 입력받아 2016년 a월 b일이 무슨 요일인지 리턴하는 함수, solution을 완성하세요. 요일의 이름은 일요일부터 토요일까지 각각 SUN,M

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

[TIL][Intern] 죽음의 반응형 이미지 만들기

기업에서 인턴으로 협업중... 하나의 큰\~\~~ 난관에 부딪혔는데 그것은 바로바로! 반응형 css이다. 다음부터 명심하자! 만들거면 처음부터 반응형을 고려하고 css 짜자..이 중에서도 나를 가낭 많이 괴롭힌건! 반응형 이미지였다.google에 'how to make

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

[Algorithm] 프로그래머스_K번째수(js)

문제상황 배열 array의 i번째 숫자부터 j번째 숫자까지 자르고 정렬했을 때, k번째에 있는 수를 구하려 합니다. 예를 들어 array가 [1, 5, 2, 6, 3, 7, 4], i = 2, j = 5, k = 3이라면 array의 2번째부터 5번째까지 자르면 [

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

[TIL] TypeScript 기초개념2

특정 글자나 숫자만 가질 수 있게 제한을 두는 타입: literal typeor 기호 사용 가능 함수도 동일 변하지 않는 정보를 저장하고 싶을 때 const를 많이 쓰는데 변하는 정보를 저장하고 싶을 때에는 const가 무쓸모가 된다. 이 때, 타입스크립트를 사용하면

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