개발자 노트

근황 근 삼주간 정신없는 나날을 보냈습니다. 사실 인턴을 합격했거든요 ㅎㅎ 근 7개월간 독학으로 공부했던 저에겐 더할나위 없는 기회였습니다. 그래서 일한지 약 10일 밖에 되지 않았지만 보고 느낀 것을 키워드만 적어보려고 합니다.(*상세히 다 적기엔 보안 문제도 있고 시간이 부족하네요 ㅎㅎ;*) 흐음... 그래서 경험을 전하려고 쓰는 글이지만 제대로 전달할 수 없는 글이 되겠습니다. 너무 뻔한 이야기만 늘여놓을 것 같네요... 정리 1. 오래한 것(노력)이 중요한 게 아니라 잘 하는 것이 중요하다. 이 말의 요지는 결국 시간관리 능력입니다. 정해진 시간 내에 효율적으로 업무를 마칠 수 있냐이지요. 여기와서 뼈저리 느낍니다. 분명히 이것저것 많이 한 것 같은데 별로 한 것이 없고, 시간은 많이 흘러있네요...

물리가 다르게 보이다 이상하게 들리실지 모르겠지만 요즘 취미로 학생들의 고등학교 수학과 물리 문제를 풀어주고 있습니다. 특히 물리는... 반년간 물리1을 공부를했고, 고3 초반에 모의고사 결과 2등급을 받았습니다. 시간을 꽤나 투자했음에도 2등급이 나왔고, 수능때 1등급을 맞기엔 시간이 부족하다 판단하여 그 이후 물리 공부를 그만두었습니다. 이때, 가장 어려워했던 파트가 역학이였습니다. 그런데 이상하게도 요즘 문제를 풀어주는데 역학 문제가 쉽고, 재밌게 느껴졌습니다. 도대체 어떤 일이 있었길래 이런 걸까요? 문제는 이론과 현상의 갭 ​ 사실 이와 유사한 경험이 처음은 아닙니다. 재수할 때 수학에서 유사한 경험을 했습니다. 확률을 공부할 때 일입니다. 당시 분명 맞는 것 같은데 틀리는 경우가 허다했습니다...

출처 https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Objects/Inheritance 목표 child object classes 생성하기 (paraents 특성을 이어 받는) 언제,어디서 OOJS를 적용해야 할지 알기 modern ECMAScript syntax로 classes를 다루기. parameter 상속 : Teacher 예제 Teacher가 Person 상속받기 function Teacher(first, last, age, gender, interests, subject) { Person.call(this, first, last, age, gender, interests); this.subject = subject; } call을 이용...

Javascript 파괴하기 프로젝트 (Object) 출처 : https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Objects/ 앞으로 정리라고 붙인 내용은 참고한 내용을 알리는 느낌이 아닌 단순 정리를 합니다. 요약 정리 어투로 적을 것이며 이해 안되는 문장이 있을 수 있습니다. 손으로 써가는 느낌으로 알기 위해 적은 것이기 때문이며, 출처에 매우 잘 설명되어 있기에 제가 따로 설명할 필요가 없기 때문입니다. Object basics object의 정의 object는 관련된 데이터와 기능의 묶음이다.(oop에선 이것을 속성과 method라고 부름) 객체 초기화 literal 적용 객체 접근 object.propertyName data 면 proper..

Object prototypes 정의 프로토타입은 JavaScript의 object가 다른 object에게 properties를 물려받는 메카니즘을 말한다. 학습 목표 prototype chains가 어떻게 작동하는지 알기 prototype property가 이미 존재하는 constructor에 메소드를 추가하기 위해 어떻게 사용되는지 A prototype-based language? Javascript는 prototype-based lanugage라고 부름. 그 이유는 prototype은 상속이라는 기능을 제공하기 위한 것. objects들은 prototype 이라는 object를 가지고 있음. 이것은 template object(다른 object로부터 method와 properties를 상속받는)처럼..

상황 - 외부 사이트에서는 console.log가 작동하나, localhost 서버에서는 console.log가 안 찍힘 - alert는 작동됨. 문제원인 정확히는 모르겠습니다. 단지 크롬확장프로그램 충돌이라고 밖에 말을 못하겠네요. 해결 방법 1. 크롬 확장 프로그램 모두 삭제 후 브라우저 재시작합니다. 2. 크롬에 골머리 앓지 마시고 다른 브라우저로 실행하면 됩니다.(ex Firefox) ...잡담 왜 console.log가 작동되지 않는지 인터넷에 찾아보면 scope에 관련된 얘기만 나옵니다. 그래서 혹여나 크롬 확장자 충돌이 아닐까 싶어 삭제하니 잘 작동됬습니다. 하지만 어제는 삭제했음에도 작동하지 않아 아예 Firefox로 바꿨습니다. 식별자에 색 표시가 진하게 되어 있어 Chrome보다 더 좋..

Infinite Sliding 구현시 transition 문제 무한 슬라이딩 윈도우 구현시 애니메이션 효과가 정상적으로 작동하지 않는 문제가 발생했습니다. 분명 부드러운 이동 효과를 준 후 이동했는데도 순간이동 한다던지, 부드러운 이동 효과를 제거하여 순간이동 해야함에도, 부드러운 이동 효과로 이동하였습니다. (부드러운 이동 효과 제거 -> 이동 -> 부드러운 효과 켜기) 따라서 이를 해결하기 위한 과정을 적어보려 합니다. 순간이동 표현이 묘하지만; 슬라이딩 윈도우에서 이미지가 부드럽게 넘어가는 효과의 반의어로 순간이동이란 표현을 사용했습니다. 참고자료 https://d2.naver.com/helloworld/59361 (Naver D2 브라우저는 어떻게 작동하는가) https://medium.com/@..

현상 var tabUI = { controller : { ajaxProduct: function(){ console.log(this); }.bind(tabUI) } } tabUI.controller.ajaxProduct(); //return : Window tabUI.controller.ajaxProduct.bind(tabUI)(); // return : Window 위처럼 tabUI로 bind를 했음에도 결과는 Window가 나왔습니다. 원인 자바스크립트의 위 과정 작동 과정은 다음과 같습니다. 1.객체초기화 2.변수에 객체 할당 {a : 1, ....} 는 객체는 초기화하는 literal입니다. 따라서 객체를 초기화하는 중에는 tabUI가 존재하지 않습니다... 해결 고민 중입니다.. controll..

https://github.com/junit-team/junit5-samples/tree/r5.6.2 junit-team/junit5-samples Collection of sample applications using JUnit 5. Contribute to junit-team/junit5-samples development by creating an account on GitHub. github.com 위에 들어가면 Junit 5에 대한 example을 볼 수 있습니다. (asertThat 등 모두 decrecate 되서 찾아보았습니다.) eclipse에서 git clone 후 프로젝트 생성하면 용이하게 볼 수 습니다. https://www.youtube.com/user/javajigi 박재성 www..

https://docs.spring.io/spring/docs/5.2.x/ Index of /spring/docs/5.2.x docs.spring.io 스프링 사용 예시까지 잘 나와있는 문서 주소이다. Spring 다루기의 가장 원초적인 정보라고 생각하면 된다. 뜬금없이 스프링 문서 주소? 요즘 든 고민이 어떻게 효율적으로 프로젝트를 진행하지?이다. 시간을 분석한 결과 잘못된 정보로 쏟는 시간이 컸다. 그래서 해당 제품을 만든 회사 홈페이지를 찾아가 문서를 보려고 노력하고 있다. 그 중 SPRING주소이다. 어떻게 더 효율적으로 사용할 수 있는지에 대해 공식적인 레퍼런스를 제공해주는 곳이므로 해당 주소를 올려본다. 매우 자세히 설명되어 있다. 파이팅! 더 나은 개발자가 되기 위해!