본문 바로가기

전체 글335

[Javascript] Vanilla JS 팀 내에서 개발된 라이브러리로 신제품 개발을 시작했습니다.하지만 성능이 라이브러리를 사용하기 전보다 괜찮게 나오지 않았습니다.jQuery를 주로 사용하는 라이브러리였기 때문에 성능에 관련된 정보를 찾아 jQuery 홈페이지를 찾아봤습니다. jQuery 홈페이지 에서 성능을 향상 시킬 수 있는 몇가지 방법을 소개하고 있습니다.열심히 적용해 봤지만 Append 관련 정보는 꽤 효과가 있었지만 나머지는 미비한 성능 향상을 가져왔습니다. ㅜㅜ 그렇게 열심히 성능 향상을 위해 구글링하던 중 Vanilla JS 라는 프레임 워크를 알게 되었습니다 (Vanilla JS 홈페이지).Vanilla JS 홈페이지에 들어가보면 아래와 같이 다른 JS 라이브러리와 비교하며 엄청난 Performance를 가졌다는 것을 보여주고.. 2018. 12. 10.
[ORACLE] Sequence 값 수정하기 소스코드 성능 확인을 위해 Insert문으로 데이터를 대량으로 바로 DB에 넣었습니다. 그리고 다시 제품 상에서 테스트를 하면서 데이터를 추가하는 순간 아래 에러가 발생했습니다. ORA-00001: Unique Constraint violated 앞서 한꺼번에 Insert했던 데이터의 key 값과 Sequence 현재 값과 중복되어 에러가 발생했습니다. 예를 들어, Sequence의 nextval이 13인 상태, key가 1 ~ 12 데이터가 들어있는 테이블에 수동으로 3개의 데이터를 넣어주면, key가 1 ~ 15 인 데이터가 들어있는 테이블이 됩니다. 이때 코드에서 Sequence의 nextval로 key가 13인 데이터를 Insert하게 되면 이미 key가 13인 데이터가 존재하므로 에러가 발생합니.. 2018. 12. 3.
[JavaScript] Polyfill 사용하기(Feat. padStart()) 다른 팀원의 PC에서는 잘 동작하는 코드가 제 PC에서는 에러가 발생했습니다. 디버깅을 해보니 padStart()에서 에러가 발생하고 있었습니다. var binaryNum = '110'; var result = binaryNum.padStart(4, '0'); console.log(result); 저는 IE로, 팀원은 Chrome으로 디버깅을 하고있었기 때문에 금방 원인을 발견하지 못했습니다. IE에서는 지원하지 않는 Method 였습니다. Can I Use? 라는 홈페이지에서 브라우저 별로 지원하는 Method인지 확인할 수 있습니다. 위 링크를 클릭하면, padStart(), padEnd()는 IE에서 지원하지 않는다는 것을 확인할 수 있습니다. 이렇게 지원하지 않는 Method를 사용할 수 있도록 .. 2018. 11. 10.
[Excel] 한 칼럼의 데이터 한 문자열로 나타내기 엑셀은 어디서나 많이 쓰게 되는 것 같습니다. 사용하다 보면 한 문자열로 나타내고 싶은 경우가 있습니다(마치 String.Join 처럼요). 1. Office Online에서는 TEXTJOIN 함수를 이용하면 된다고 합니다.2. CONCATENATE, TRANSPOSE를 이용하는 방법이 있습니다. 두 번째 방법을 알려드리겠습니다.먼저 TRANSPOSE를 다음과 같이 지정하고, &와 함께 separator를 입력합니다.그리고 F9 키를 누릅니다(F9 키는 함수의 결과를 볼 수 있습니다).여기서 마지막 원소의 separator와 중괄호를 제거합니다. 마지막으로 CONCATENATE 함수로 문자열을 이어주면 끝! 모르고 범위지정을 잘못했네요;; 그래도 같이 들어간 2칸이 null이니깐 결과에는 영향은없습니다. 2018. 11. 2.
[JavaScript] JSON.parse 사용 시 Error 방지 문자열을 JSON.parse로 parsing해서 이용할때 Error 때문에 문제가 발생하는 경우가 있습니다. 그래서 사용하기 전에 JSON인지 확인하는 과정이 필요한 경우가 있습니다. function isJson(str) { try { JSON.parse(str); } catch (e) { return false; } return true; }​ 위와 같이 try{...} catch{...}를 이용하여 string을 parsing하기 전에 JSON string인지 확인하는 과정을 추가했습니다. 하지만 제가 몰랐던 한가지! isJson("123")도 true를 return한다는 사실.. 저는 String이 아닌 JSON만을 사용하고 싶었기 때문에 typeof를 이용해서 함수를 수정해서 해결했습니다. typ.. 2018. 11. 1.
[ASP.NET] Inline Expression 과 의 차이점을 소스로 확인해 봤습니다.res.test.encoded를 보시면 일부 특수문자들이 HTML 코드로 인코딩 된 것을 확인할 수 있습니다.(실제 제품에서 사용하는 Method를 이용했기 때문에 이름을 바꿨습니다) Inline Expression으로 string을 가져와서 사용하는 경우에 주의할 점이 있습니다.res.test.singleQuote는 가져오는 문자열에 포함되는 작은 따옴표 때문에 위와 같이 스크립트 에러가 발생할 수 있습니다.반대로, 가져오는 문자열에 큰 따옴표가 포함되는 경우 res.test.doubleQuote에서 스크립트 에러가 발생할 수 있습니다. 2018. 10. 26.
[ASP.NET] Inline Expression 얼마 전 제품에 사소한 문제가 발견됐습니다. 독일어 제품에서 Ü가 Ü로 나타나는 문제였는데요. 원인은 바로 .NET 프레임워크의 Inline Expression이었습니다. 리소스 작업이 되어있어서 아래 예시와 같이 사용하고있었습니다. var string1 = ""​ happy라는 string을 locale별로 가져와서 사용하고 있었습니다. 그런데 독일어로 happy는 'Glück'이었고 Gl ück로 ü의 HTML Code인 ü 때문에 문제가 발생했습니다. 는 문자열을 보여주는 가장 간단한 Inline Expression입니다. 또한 문자열을 보여주는 Inline Expression입니다. 하지만 는 에서 HTML Encoding된 문자열을 나타냅니다. 페이지 내에서 문자열을 보여줄 때는 차이가 없었지만.. 2018. 10. 25.
첫 번째 임무 신입사원 교육 이후 팀에서 가장 처음 받았던 업무는 Globalization 업무였습니다.여러 나라에서 이용하는 Application은 각 나라의 언어에 해당하는 String이 출력되어야 합니다.ASP.NET Framework의 resx 파일을 이용하여 편리하게 해결할 수 있습니다. 예를 들어, 한국어, 영어에 해당하는 resx 파일을 2개 만들고(resourceEN.resx, resourceKO.resx)단어 '컴퓨터'를 매칭시킬 ID를 임의로 생성합니다(ex. resourceComputer) 각각의 resx파일에 resourceComputer에 해당하는 data를 입력합니다.영어 resx 파일에는 'Computer', 한글 resx 파일에는 '컴퓨터'를 추가합니다.- resourceEN.resx123.. 2018. 9. 23.
[ASP.NET] resource 파일(.resx) 만들기 Resource 파일을 생성하는 방법은 다음과 같습니다. 먼저 App_GlobalResources 폴더를 생성해야합니다.1. 프로젝트 오른쪽 클릭 - 추가 - ASP.NET 폴더 추가 - App_GlobalResources2. 생성된 App_GlobalResources 폴더에서 오른쪽 클릭 - 추가 - 새 항목 3. resx 또는 자신이 원하는 파일(xml 등)을 선택하여 Resource 파일을 생성합니다. 2018. 9. 23.

티스토리툴바