profile
technology blog
post-thumbnail

[TIL] 수신거부 링크 페이지 만들기(FE)

본 메일은 정보통신망 이용촉진 및 정보보호 등에 관한 법률 시행규칙 제 11조 제 3항에 의거 2022년 3월 7일 기준 회원님께서 수신을 동의하셨기에 발송되었습니다. 메일 관련 문의 사항은 스냅스 고객센터(1577-4701)를 이용해 주시기 바랍니다. 더 이상 수신을

2022년 3월 15일
·
0개의 댓글
post-thumbnail

[TIL] Deployment

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

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

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

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

2021년 11월 28일
·
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

[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]#1 HTML 이해하기

생활코딩과 드림코딩by엘리 영상의 도움을 받아 HTML을 공부했다. HTML: Hyper Text Markup Language태그를 사용해 구조적인 것이 특징이다. 드림코딩에서는 레시피로 HTML을 설명해주었는데, 이와같이 부모태그와 자식태그, 그리고 전체 바디태그를

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