겨리의 개발일기

https://school.programmers.co.kr/learn/courses/30/lessons/120897# 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr Q. 정수 n이 매개변수로 주어질 때, n의 약수를 오름차순으로 담은 배열을 return하도록 solution 함수를 완성해주세요. function solution(n) { // 만약 n이 16 이라면 Math.sqrt(16)의 값은 4 // i < 4 로 비교하니 1,2,3으로 돌아감 // 이 부분 i a-b); // 오름차순으로 정렬 후 리턴 return answer; } ※ Math.sq..

Programming/Algorithm 2022. 11. 4. 16:41

리액트 공부하면서 prop-types 라이브러리에 대한 예제를 보고 실습 하던 중 갑자기 떠오른 생각 참고 : prop-types 란? 더보기 prop-types : 부모로부터 전달받은 prop의 데이터 타입을 검사한다. 자식 컴포넌트에서 명시해 놓은 데이터 타입과 부모로부터 넘겨받은 데이터 타입이 일치하지 않으면 콘솔에 에러 경고문이 뜬다. 🤔 "자바스크립트 사용하면서 라이브러리를 써서 타입을 일일이 설정해 주는 것보다 그냥 타입스크립트를 쓰면 해결되는 문제 아닌가?" 지금 vue.js + typeScipt 를 사용하는 프로젝트를 진행하고 있어서 그런지 문득 저런 생각이 들었다. 그래서 실습 하던 거 멈추고 검색을 좀 해봤는데 알아두면 좋을 것 같아서 기록한다. 일단 타입스크립트는 자바스크립트(동적 언..

Programming/TypeScript 2022. 9. 12. 02:20

yarn 혹은 npm 으로 서버 실행 명령어 입력시 종종 나타나는 오류. 사실 vue를 처음 썼을 때도 마주했던 오류로 powerShell이 아닌 cmd 로 터미널을 열면 오류가 안 나길래 그냥 사용 했었다. 오늘도 리액트 책 보면서 실습하다가 나타나서 처음엔 경로 문제인가 하고 보다가(그새 까먹음ㅋㅋㅋㅋ ㅜㅜ) 검색해보고 이제야 원인을 제대로 알게되었다! 오류 내용은 캡처에 나온대로 yarn: 이 시스템에서 스크립트를 실행할 수 없으므로 C:\...yarn.ps1 파일을 로드할 수 없습니다. 자세한 내용은... 로 PowerShell은 기본적으로 권한을 'Restricted' 로 부여하는데 이는 ps1 확장자 파일을 실행하지 못하도록 하기 때문에 해당 오류가 나는 것이다. 간단히 말해 권한이 없는 상태..

Programming/기타 2022. 8. 28. 17:25

이직을 준비하기로 마음을 먹고 각 잡고 이력서를 쓰려고 하니 드는 생각 "지난 1년 7개월 동안 내가 뭘 했지.....?" 나름 혼자 충격을 받고...주간회고 스터디에 참여하게 됐다. 그리하여 7월 중순부터 노션에 주간회고를 쓰게 됐는데 블로그엔 월간회고로 따로 정리를 하려고 한다. 업무 3월부터 시작한 프로젝트가 서서히 끝이 보이고 있다. 9월 1일이 오픈이라 개발 일정에 대한 압박도 슬슬 들어온다. 현재 진행 중인 프로젝트는 여태껏 내가 경험했던 프로젝트 중 인원 교체가 가장 잦았던 프로젝트이다. 덕분에 나 또한 마음이 뒤숭숭해지고 괜시리 업무에 집중 하기가 힘들었던 날도 많았다. 그래도 내가 할 일은 해야지! 라고 생각하며 묵묵히 하는 중이다. 기존에 백엔드에서 처리하던 로직을 프론트 쪽에서 처리하..

회고 2022. 8. 22. 00:29

업무하는데 @ModelAttribute를 사용했더니 null 값이 들어가고 @RequestBody를 사용했더니 데이터가 넘어가길래 궁금해서 알아봤다!🤨 @ModelAttribute 클라이언트가 전송하는 multipart/form-data 형태의 HTTP Body 내용과 HTTP 파라미터들을 Setter를 통해 일대일로 객체에 바인딩하기 위해 사용됨 @ModelAttribute에는 매핑시키는 파라미터의 타입이 객체의 타입과 일치하는 지를 포함한 다양한 검증 작업이 추가적으로 진행됨 e.g. 게시물의 번호를 저장하는 int 타입의 index 변수에 "1번" 이라는 String 타입의 value를 넣으면 BindException이 발생! 변환이 아닌 바인딩을 시키기때문에 변수들의 Setter 함수가 없으면 저..

Programming/Spring 2022. 8. 21. 23:54

Chapter 1. 타입 '타입' 이란 자바스크립트 엔진, 개발자 모두에게 어떤 값을 다른 값과 분별할 수 있는, 고유한 내부 특성의 집합을 뜻한다. 1.1 타입, 그 실체를 이해하자 자바스크립트에서 강제변환은 어떤 형태로든 일어날 수 있다. 그러므로 타입을 (내재된 특성까지) 확실하게 인지하고사용하는 것이 중요하다. 1.2 내장 타입 null undefined boolean number string object symbol(ES6~) 값의 타입은 typeof 연산자로 알 수 있다. typeof undefined === "undefined"; // true typeof true === boolean; // true typeof 42 === number; // true typeof "42" === stri..

Programming/JavaScript 2022. 8. 2. 00:53

사실 이 책을 읽기 시작한지는 꽤 됐지만, 생각보다 읽는 속도가 느린 것 같아 나름 강제성(?)을 부여하기 위해 한 주에 한 챕터씩 읽으며 정리 하고자 한다. 해당 책은 개발자 모임 만난 프론트엔드 시니어 회원분이 추천해주신 책인데 읽다가 저자의 말에 정곡을 콕콕 찔린 적이 한 두번이 아닐 정도로 예리한 책이다. 자바스크립트를 사용하지만 잘 모르는 사람들은 (혹은 내가 잘 안다고 착각하는 사람들은) 꼭 읽어봐야할 책이라고 생각한다! 또 저자가 비유도 되게 재밌게 하는데ㅋㅋ덕분에 지루하지않게 읽을 수 있어 좋았다. 실제로 나는 자기 전에 틈틈이 읽는 와중에 웃긴 구절이 있으면 개발자 지인들에게 공유해주기도 했었다 ㅋㅋㅋㅋ😏 참고로 책은 네이버를 통해 영풍문고해서 구매했는데 판매하는 곳은 다양하니 마음에 드..

Programming/JavaScript 2022. 8. 1. 18:42

v-text-filed ui 컴포넌트 에서 v-mask 기능을 사용해야하는데 구글링해서 나오는 방법으로는 실패했고 사수의 도움으로 간신히 해결한거라 기록한다 (ㅠ.ㅠ) 보통 밑의 내용처럼...해결하는데 https://thewebdev.info/2022/03/13/how-to-use-mask-in-a-vue-js-vuetify-text-field/ How to use mask in a Vue.js Vuetify text field? - The Web Dev Spread the love Related Posts How to override Vuetify styles with Vue.js?Sometimes, we want to override Vuetify styles with Vue.js. In this a..

Programming/Vue.js 2022. 7. 17. 23:49