본문 바로가기

Programming110

[css] 티스토리 스킨 적용 시 소스코드 가운데 정렬되는 문제 우연히 구글링 하다가 제 블로그 글을 보게 되었습니다. 하지만.. 얼마 전에 스킨을 바꿨더니 소스코드가 모두 가운데 정렬이 되어버렸습니다 ㅠㅠ 개발자답게 f12를 눌러봅시다. style.css에 entry-content 클래스의 하위 table에 text-align: center로 설정되어있군요. 확인해보니 entry-content는 글 내용 전체를 감싸는 div였습니다. 티스토리 - 블로그 관리 > 꾸미기 > 스킨 편집으로 진입해서 html 편집을 클릭합니다. 문제가 되는 부분을 찾아서 고쳐줍니다. 혹시나 가운데 정렬이 되는 table에는 centered라는 클래스를 주기로 미래의 저와 약속하기로 했습니다. 2020. 8. 3.
[Javascript] window.open left,top에 음수값 window.open(URL, name, specs, replace) specs parameter에 'height=600,width=1000,left=300,top=200' string으로 open 할 page의 width, height, left, top 등을 설정할 수 있습니다(w3schools 참고). 원하는 위치에 page를 open 하기 위해서 left와 top을 계산해서 설정하기도 합니다. 이때 주의할 점이 있습니다. window.open의 specs에 left, top은 음수가 들어갈 수 없다는 점입니다. 듀얼 모니터(더블 모니터) 사용 환경에서 main 모니터가 오른쪽이고, sub 모니터가 왼쪽일 때, 왼쪽 모니터의 띄워진 페이지의 screenLeft를 확인해보면 음수가 되는데 이때 win.. 2020. 1. 11.
[c#] DateTime class 이용해서 날짜 가져오기 DateTime 클래스를 이용해서 현재 날짜를 가져와 보도록하겠습니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 using System; public class Program { public static void Main() { var today = DateTime.Today; var day = DateTime.Now; var firstDayOfMonth = new DateTime(today.Year, today.Month, 1); var lastDayOfMonth = firstDayOfMonth.AddMonths(1).AddDays(-1); Console.WriteLine(today + " , " + day); Console.WriteLine(firstDayOfMonth +.. 2019. 10. 3.
[Javascript] insertAdjacentHTML Element의 내용을 추가하여 입력할 때 항상 innerHTML을 이용했습니다. document.getElementById('div1').innerHTML += '[HTML string]';​ 하지만 innerHTML의 경우 가끔 자식 Elements의 Event handler에 영향을 끼친다고합니다. 저의 경우에는 입력했던 HTML string 안에 element의 clientHeight, clientWidth이 0이 되는 문제가 발생했습니다. insertAdjacentHTML를 사용한다면, 다른 Element에 영향을 끼치는 것을 방지할 수 있습니다. document.getElementById('div1').insertAdjacentHTML('beforeend', '[HTML string]'); b.. 2019. 1. 6.
[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.
[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.

티스토리툴바