본문 바로가기

전체 글273

[Vue.js] vue-router 로 component 에 props data 전달하는 방법 Vue.js 를 배워보겠다고 책도 읽고 강의도 보았지만 역시 개발자는 코딩을 해봐야되나보다.. 백문이 불여일타 🙏 # 하게 된 계기 (tmi) - Vue.js 프로젝트를 진행하면서 모니터링 페이지를 만들고 있는데, 각 컴포넌트의 title 이 여러 군데에서 하드코딩 되어 있는 것을 보고.... 상수처럼 한 번만 정의해보자! 하게 됨 # 검색 1. vue-router props data 2. vue-router passing data 3. vue-router access app vue data 4. component props data ..... 등등 수많은 키워드로 검색했지만 거의 다 공식홈페이지에 있는 내용이라서 도움이 되지 못했다 😥 나는 App.vue 에서 data 로 각 컴포넌트의 title 을 .. 2021. 6. 4.
[Javascript] array function 주의점 (역시나 주인공은 IE) 새로운 비즈니스 로직을 개발하여 테스트 환경에 올려두었는데, IE 환경에서 오류가 난다는 제보가 들어왔다. 확인해보니 새로 추가한 '두 배열에 중복되는 값을 찾는 function' 에서 구문오류가 발생하고 있었고, 그 함수는 array function 을 쓰고 있어서 찾아보니 역시나 IE 에선 호환되지 않는 이슈가 있었다. (IE 도 테스트하는 습관을 기르자 😭) // before var a = [3]; var b = [1,2,3,4,5]; var c = a.filter(item => b.indexOf(item) > -1); console.log(c); // [3] var d = b.filter(item => a.indexOf(item) > -1); console.log(d); // [3] // afte.. 2021. 5. 26.
[Javascript] 일치하는 문자열 확인하는 .indexOf() 의 주의점 두 문자열에 일치하는 문자가 있는지 확인하는 함수 중 가장 널리 쓰이고 있는 .indexOf() 이 함수를 사용할 때 중요한 점은 비교대상 문자열이 무엇인지 잘 인지하고 있어야 한다는 점이다. (안그러면 내가 원하는 결과값이 안나올 수 있어요...) 간단한 예로 aGroupStr 에는 ',' 로 이어붙인 문자열 "우리,나라,만세" 가 있고 bGroupStr 에는 단어 "우리" 가 있다고 했을 때, aGroupStr 입장에서 bGroupStr 문자가 자기한테 있는지 확인하는거랑 bGroupStr 입장에서 aGroupStr 문자가 자기한테 있는지 확인하는거랑 리턴되는 값이 다르다. let aGroupStr = "우리,나라,만세"; let bGroupStr = "우리"; console.log("aGroupSt.. 2021. 5. 7.
[Algorithm] 알고리즘 스터디 시작! 2019년 회사를 다니며 동료들과 Codility 사이트로 알고리즘 공부를 했었는데, 2020년 코로나 시국이 지나 2021년 4월, 알고리즘을 다시 공부하고 싶어서 다시 함께 알고리즘 공부를 하게 되었습니다. 알고리즘에 대해서 어떻게 공부를 할까, 어떤 사이트를 참고하고, 이론을 공부하기 위해서는 책으로도 학습을 하면 좋을까.... 등등 많은 고민을 했고 결론적으로는 '프로그래밍에서 배우는 알고리즘 문제 해결 전략' 이라는 책을 구매하여, 이론 학습을 한 뒤 Algospot 및 Baekjoon 사이트를 통해 실습을 하는 방향으로 잡았다. 사실 이 게시물을 쓴 시점은 이미 동료와 네 차례 미팅을 한 뒤에 적었지만, 하다보니 욕심히 생겨서 알고리즘 외 다른 것들도 병행하여 공부/적용 하고 있는 중이다. G.. 2021. 4. 22.
[정보처리기사] 원서 접수! 2년제 대학교를 졸업해서 정보처리기사 자격증을 따고 싶어도 딸 수 없었다. 하지만 지금은 방송통신대학교를 통해 학사 학위를 취득도 했고, 회사를 다니면서 학교를 다니다보니 경력도 2년이 지나서 이번에 자격증 시험에 신청할 수 있게 되었다. 사실은 2021년 1회 기사시험에 응하고 싶었는데 마감일에 신청하려고 들어가니 응시할 수 있는 시험장이 하나도 없어서 신청을 할 수 없었다; 그래서 이번에는 신청일 10:00 땡 하자마자 신청을 하게 되었고, 공부할 책을 구매했다. 5월 15일 까지 얼마 남지 않았지만, 열심히 공부해야겠다. (공부할게 쌓였는데..) 파이팅! 2021. 4. 22.
[Pebble] Pebble template HTML format 적용하기 Pebble Template ? Pebble Template Intellij 에서 pebble pluging install 까지 하고 .peb 파일을 생성하면 아래와 같이 노출되는데, 딱 저 상태에서 HTML 문법만 더 예쁘게 보이고 싶다면 아래와 같이 설정하면 된다. Preferences > Language & Frameworks > Template Data Languages 에서 Project Language : -> HTML 2021. 4. 7.
[MySQL] Delete 쿼리 Syntax Error (delete query in subquery) MySQL 로 DELETE 쿼리를 날리는데 아래 에러가 발생했다. SQL Error [1093] [HY000]: You can't specify target table 'my_table_key' for update in FROM clause 음??????? 내가 아는 delete 문법에 어긋나지 않은 것 같은데...??? 하던 중 stackoverflow 에서 나와 같은 문제에 직면한 사람을 만났고, subquery 를 아래처럼 사용해야 한다고 답변을 받았다. (왤까? 이건 찾아봐야겠다.) -- error DELETE FROM my_table WHERE my_table_key IN ( SELECT jt.join_table_key FROM join_table jt RIGHT JOIN my_table mt .. 2021. 3. 19.
[Sublime Text] 내가 쓰는 정규식 패턴 정리 // 모든 문자열 .* // 숫자 6자리 ^([0-9]{6}) (계속 추가 할 예정..) Find(Command+F) 해서 내가 원하는 패턴들이 모두 블럭(block)이 된 상태에서 Option+Enter 누르면 해당 패턴을 가진 단어들이 모두 선택(select)된 상태로 바뀌므로 CS 처리나 간단한 문자열 파싱에 유용함! 2021. 3. 2.
[Javascript] RegExp 정규식으로 입력 문자패턴 체크 (특수문자 넣었는데 왜 안돼!) // 패턴 선언 var patternStr = '~!@#$%^&*()_+'; var regx = new RegExp('^[' + patternStr + '\\s]+$'); // 패턴 체크 regx.test("테스트문자열"); 화면단에서 RegExp 정규식으로 입력한 문자의 문자패턴을 체크하는 로직이 있는데 테스트 문자열에 특수문자 (!@#$%^&()) 를 입력하니까 내가 원하는 결과로 리턴이 안돼서 계속 보다가.. 혼자 웃음 ㅋㅋㅋㅋㅋㅋㅋㅋ 정규식 패턴에 해당하는 특수문자가 포함되어있으니 테스트 결과가 다를 수 밖에... ㅎㅎㅎㅎㅎ 위의 patternStr 값을 아래와 같이 변경하여 테스트 완료! var patternStr = '~!@#\\$\\%\\^\\&\\*\\(\\)_+'; 2021. 2. 17.

티스토리툴바