본문 바로가기

전체 글

 (112)
내가 생각하는 모던자바스크립트란? (ModernJavascript) 20181011 날짜 : 2018. 01. 11.(목) 내가 생각하는 모던자바스크립트란? (ModernJavascript) 본문 생각하게 된 계기 자바스크립트가 예전과 다른 라이브러리를 사용하는 것을 알겠다. 그런데 그것 때문에 모던 자바스크립트라고 불리는 걸까? 혹시 HTML코드에 이벤트 호출이 아닌 Event 할당 방식 때문인가? 알게 된 것. 블로그에서 말하고 있던 것들. 시대별 자바스크립에서 요구하는 기술의 변화 == 현대적 javascript 번들링(bundler), 트랜스파일링(transpiling), 스크립트(script) Event Trigger를 만드는 이유. (추측) 더욱 수려한(복잡한) 이벤트를 만들기 위함. 예를 들어 이벤트가 없던 곳에 연쇄적으로 이벤트를 할당하는 것.... (이건..
해커랭크 삽입정렬 문제 javascript 풀이 (Hackerrank InsertionSort) algol002 알고리즘 연습노트 오늘의 문제 Hackerank InsertionSort by javascript 문제요구사항 재정렬을 할 때마다 출력을 하라. 마지막 완성된 배열을 출력하라. 알고리즘 KeyPoint 기준이 되는 값을 선택. 기준값보다 작은 값을 찾을 때까지 기준값 뒤로 이동. while(기준값 뒤로 이동 && 기준값과 비교){ arr[index+1] = arr[index] index--; } 배열출력을 그냥할 시 문제의 출력과 달라지기 때문에, 문자값으로 합쳐서 출력해주는 별도 함수 생성 function printArray(arr) { var temp = ""; for(var i = 0; i
git unstage(언스테이징) 하기 20180110 날짜 : 2018. 01. 10.(수) git unstage(언스테이징) 하기 본문 생각하게 된 계기 git commit시에 기능단위로 commit을 하기 위함. stage 된 것을 되돌리는 방법이 필요 하다. 알게 된 것. ##방법1. unstage(언스테이징) 하기 git reset HEAD ##방법2. stage(스테이징) 무시하고 commit 하기 git commit --only ##더 많은방법은 git-tip kor에서 참고하시기 바랍니다. 참고사이트
DOM조작 jQuery? javascript! 20180109 날짜 : 2018. 01. 09.(화) DOM조작 jQuery? javascript! 생각하게 된 계기 javascript 바닐라 코드로 DOM조작을 해보고 싶다. jQuery에서 많이 사용하는 것을 기준으로 조사해 보자. 본문 항상 IE 시리즈가 문제 이다.... 결국은 jQuery를 사용해야 하는가? select, DOM검색 jQuery : $('DOM') javascript : docment.querySelector('DOM') event, 이벤트할당 jQuery : $('DOM').bind('이벤트명', function(){ 이벤트 동작 }) javascript : docment.querySelector('DOM').addEventListener(event, function, us..
자바스크립트 GC(Garbage Collectors)를 언제 생각해야 할까? 20180108 날짜 : 2018. 01. 08.(월) 자바스크립트 GC(Garbage Collectors)를 언제 생각해야 할까? 생각하게 된 계기 코드를 작성하다가 문득 면접에서 GC를 질문했던 것이 기억을 스쳐 지나갔다. 그 당시에 몰랐던 부분과, javascript를 하면서 이 지식을 언제 사용할 수 있는지 알고 싶었다. 본문 넌 아직 준비가 되지 않았다. java를 통해서 GC 개념 익히기. GC의 특징 - 객체에 할당된 메모리를 명시적으로 해체할 수 없다. - GC가 어떠한 순서로 정리하는 지 알수 없다. - GC가 언제 수해되는지 알 수 없다. - JVM에게 GC실행을 요청만 할 수 있다. 그리고 GC를 수행하기 위한 (메모리를 회수) 여러 동작들이 있는데 ... 생략한다. 그 이유는 아래에..
CSS Horizon&Vertical rendering (수평 수직 정렬 CSS) 20180105 날짜 : 2018. 01. 05.(금) CSS Horizon&Vertical rendering 생각하게 된 계기 새로운 프로젝트를 시작하였다. 간단한 것을 쉬운것 부터 시작하여 적용해보고 싶은것을 모두 적용하는 것이 목표이다. 자세한 것은 해당 프로젝트에... 만난 문제는 CSS에서 수직, 수평 정렬을 하는 것이다. 해결한 내용 이전에 해결한 방법 psd 혹은 sketchapp 파일의 UI가이드 그대로 수치를 넣는다. 장점 : 만들기는 쉽다. 단점 : 브라우저 크기에 따라 반응을 할 수 없다. 금번에 작업한 방법 poiemaweb 에서 내용을 보고 따라하였음. x, y 축으로 비율계산을 하여 움직이는 방법. 장점 : 브라우저 호환성은 좋다. 브라우저 크기에 반응을 한다. 단점 : CSS ..
지금 내가 해야하는 것? (성장에 대한 고민) 20180104 날짜 : 2018. 01. 04.(목) 지금 내가 해야하는 것? (성장에 대한 고민) 본문 알고 있는 것이 아니라 숙달할 수 있어야 한다. 대학교를 졸업을 할 때에도, 다시 프로그래밍을 한다고 생각을 했을때 해야 한다고 생각한 것이 잘 아는 것이 아니라 숙달을 할 수 있어야 한다는 것이였다. 결과적으로는 작년에는 숙달하기 보다는 다양하게 해보게 되었다. (퍼블리싱작업, React 개인프로젝트, 교육기관 과제 수행) 개인 프로젝트를 할때에만에도 '나는 충분히 숙달 되었어'라는 생각 보다는. 이것을 할 줄 알아야 한다는 생각이 더 앞선것 같았다. (모든 채용공고 JobDescription에는 Angular, React가 적혀있었기 때문이다.) 힘겹게 React프로젝트를 마무리 지으니 생각이 ..
웹 사이트 설계 도구 20180103 날짜 : 2018. 01. 02.(화) 웹 사이트 설계 도구 본문 생각하게 된 계기 앞선 프로젝트에서 문제점 중 UI가이드가 부실한 점 인터랙션을 디자인 단계에서 UI가이드 단계에서 설계를 하면 코딩시 손이 안 꼬일것 같음. 알게 된 것. 웹디자인 기획 용어부터 알고 있지 못하였다. 웹이란 짧은 역사를 가졌지만 폭발적으로 발전해 왔다는 것을 인지하지 못했다. 간단히 sketchapp을 사용 할때에는 진정한 이 도구의 목적을 알지 못하였다. 웹 기획 단계(?) wireframe, mockup : 정적 화면 기획 prototype : 인터랙션 + wireframe, mockup storyboard : 정책, 프로세스 + prototype sketchapp을 기준으로 설명 sketchapp 은..

티스토리툴바