아 그거 뭐였지

Q. 부모 컴포넌트에서 자식 컴포넌트로 데이터를 주고싶다. 이때 사용하면 되는것이 Input, Output 데코레이터이다. 본인은 자식 컴포넌트를 팝업창처럼 띄우고 자식컴포넌트에 데이터를 전달한뒤 종료했을때 종료했다는 사인을 부모 컴포넌트로 받고 팝업창을 닫을때 사용했었다. 바로 사용법을 알아보자. @Input 부모컴포넌트에서 자식컴포넌트로 데이터를 전송할때 사용한다. 자식컴포넌트에서 @Input() 데코레이터를 통해서 데이터를 전송받는다. 대문자로 시작함에 유의하자. 헤더에 타이틀이 바뀔때 @Input() 데코레이터를 통해서 컴포넌트별로 타이틀값만 넣어주는 방식으로 구현할수도있다. 코드 예제를 살펴보자 부모로부터 "insertData"라는 값을 자식으로 전달하여 출력하는 예제이다. // app-chil..

2022년 02월 10일 ~ 03월 03일 23 연대 기준으로 작성되었습니다. 오미크론 확산으로인해 약 2주 격리하였습니다. 어느덧 2주차에 접어들었다. 2주차면 이제 슬슬 분대원들과도 친해지고 인편도 받을때이다. 하지만 여전히 시간은 안간다. 1차 pcr때 보다는 통제가 완화되기는 하지만 여전히 생활관내에 갇혀있는다. 2주차에는 어떤것을 하는지 알아보자. 2주차 요약 심폐소생술 교육 - 심폐소생술 마네킹과 함께하는 응급상황 시뮬레이션 시간이다. 병영생활 가이드북이라는 책이있는데 책을 보며 심폐소생술 하는법, 응급상황 발생시 해야하는 일을 독학하여 조교에게 시험을 보면된다. 생활관 내에서 하는 교육은 대부분 독학으로 해야한다. 원래 이러는지 모르겠지만 생활관내에 조교가 들어올수없다보니 가이드북을 보면서 ..

2022년 02월 10일 ~ 03월 03일 23 연대 기준으로 작성되었습니다. 오미크론 확산으로인해 약 2주 격리하였습니다. 오후 2시까지 훈련소로 가면 된다. 호국 요람을 지나서 안쪽으로 쭉 들어가다 보면 현역과 사회복무, 산업기능을 나누고 지역별로 한번 더 나눈다. 표지판을 잘 보고 따라가면 되니 어려울건 없다. 정 모르겠다 싶으면 캐리어를 끌고 온 사람들을 따라가면 된다. Part 1. 운동장 표지판을 따라가다보면 운동장에 도착하는데 백신 접종 유무에 따라서 또 나뉜다. 미접종자 1차 접종자 2차 접종자 ( 2차 접종 후 90일이 지난 사람 이하 2차 접종자#으로 분류) 2차 접종자 ( 2차 접종 후 90일이 지나지 않은 사람) 3차 접종자 이렇게 나눈다. 아이러니한건 1차 접종자와 2차 접종자#은..

2022년 2월 10일부터 2022년 3월 3일까지의 훈련소를 마친 뒤 적어보는 빡빡이의 후기이다. 2021년부터 사회복무요원 , 산업기능요원의 훈련소는 3주로 줄어들었다. 코로나 + 오미크론의 콜라보로 훈련 또한 많이 축소되어서 이때다싶어 훈련소를 신청하였다. 입소하는 것이 실감 안 났지만 전날 머리를 밀고 나니 실감이 나기 시작했다. 머리는 윗머리 3cm , 옆머리 6mm로 밀었으며 퇴소할 때까지 밀리지 않았다. 나보다 긴 사람도 안 밀렸다. (23 연대 기준) 연대별로 다 다르다고 하니 참고만 하길 바란다. 검색을 통해 준비물들을 대략 준비하였고 가져갔던 준비물들을 적어보았다. 본인은 쿠팡 로켓 배송의 위대함을 이때 깨달았다. 진짜 중요한 것들 ★☆ 캐리어 (중요) ☆★ - 퇴소할때 남은 간식, 군..

프로젝트를 진행하다보면 GET이나 POST 메소드로 데이터를 주고받을때가 많다. (사실 이게 다인듯함) 데이터를 주고받을때는 일정 시간이 소요되기 때문에 대부분 비동기 프로그래밍으로 처리한다. async를 사용하여 함수를 작성하는데 이때 사용될수있는 자그마하지만 중요한 팁이다. 바로 코드를 확인해보자. async getUserData(){ try{ const res = await this._api.getUserData(); } catch(e){ console.log(e); } } 위와같이 유저데이터를 가져오는 함수가 있다고 가정하자. 별로 문제가 될게 없어보이는 함수이지만, 한가지 놓친 부분이있다. 비동기 함수는 처리가 언제 끝나는지 알수없다. 만약 저 getUserData라는 함수가 아직 실행중일때 다..

Q. 결제완료 후 url이 https에서 http로 변경됩니다. https로 수정해주세요. 쇼핑몰 프로젝트 진행중 카카오페이 결제를 완료하고 난 뒤 url이 https에서 http로 바뀌는 오류가있었다. 결제 성공시 서버쪽에서 리다이렉트 URL로 결제 성공 URL을 리다이렉트 시켜주고있었는데 http로 연결이되어서 프론트엔드 쪽에서 https로 바꿔버렸다. 바로 코드를 보자. 사용방법은 간단하다. 연결하고자 하는 링크를 location.href = '링크' 이렇게 사용하면 된다. // params.id는 서버에서 준 리다이렉트 url에서 id값을 가져온것이다. // 하나의 예시일뿐 사용자가 원하는 링크를 넣어주면 된다. location.href = `https://www.test.com/purchase/..

프론트 엔드 개발을 하다보면 URL Parms Id 값을 가지고 데이터를 핸들링 할때가 종종있다. /data/1234

Q. 결제가 끝나면 창을 닫아주세요. 이번에 진행 중이던 쇼핑몰 프로젝트에서 카카오페이를 연동하였다. 결제하기를 누르면 새창을 띄우고 새창에서 카카오페이 결제를 하는 식으로 기능 연동을 하였는데, 결제가 끝나도 창이 닫히지 않고 유지되는 이슈가 있었다. 일반적인 쇼핑몰에서 카카오페이로 결제를 하면 자동적으로 결제창이 닫히고 다음 화면으로 넘어가길래 카카오페이 결제가 끝나면 자동으로 창이 닫히는 줄 알았다. 하지만 세상은 그렇게 친절하지 않았고 개발자가 해결해주어야 하는 듯하다. 그만 징징거리고 빠르게 코드를 보도록 하자. window인터페이스의 window.open 함수를 사용하여 구현하였다. //Angular 클래스형에서 예제코드 작성 export class PaymentComponent impleme..