All
-
[HTML, JS] ES6문법을 활용한 모듈 export, importprograming/Language 2019. 5. 4. 22:34
안녕하세요, Einere입니다. (ADblock을 꺼주시면 감사하겠습니다.) 오늘은 ES6문법인 import와 export를 사용하여 java script 파일을 모듈화하고 html에서 사용하는 방법을 알아보겠습니다. 모듈화하기 파일 구조는 index.html, portfolio.js, portfolioBuilder.js로 세가지 있습니다. 해당 파일들은 Einere.github.io폴더 내에 존재합니다. portfolioBuilder.js portfolioBuilder.js는 다음과 같습니다. function portfolioBuilder(...) { ... } export {portfolioBuilder}; ES6의 문법중의 하나인, 유명 내보내기(named export)를 사용하도록 하겠습니다. 기..
-
[HTML] a태그를 이용한 문서 위치 이동programing/Web 2019. 5. 1. 21:21
안녕하세요, Einere입니다. (ADblock을 꺼주시면 감사하겠습니다.) 이번 포스트에서는 a태그를 활용하여 문서 내부 이동을 활용해보도록 하겠습니다. 해당 기능은 fragment identifier(#service)의 고유 기능인 앵커(anchor)로 웹페이지 내부에서 이동을 위해 사용합니다. 간혹 SPA에서 라우팅을 위해 해시를 사용하기도 합니다. 특정 id를 가진 엘레먼트 만들기 우선, 특정 id를 가진 엘레먼트를 만들어야 합니다. 특정 id를 가진 엘레먼트 만들기 저는 위의 태그에 "title1"이라는 id를 넣도록 하겠습니다. 테스트를 위해 공백을 채워보겠습니다. . . . . . . . . . . . . . . . . . . . . . 제목으로 그리고 a태그를 이용하여 제목으로 이동하는 링..
-
[JS] DOM element의 offsetTopprograming/Language 2019. 5. 1. 20:11
안녕하세요, Einere입니다. (ADblock을 꺼주시면 감사하겠습니다.) 오늘은 DOM element의 offsetTop속성에 대해 알아보도록 하겠습니다. offsetTop offsetTop은 뭘까요? MDN에서는 다음과 같이 설명하고 있습니다. offsetTop is the number of pixels from the top of the closest relatively positioned parent element. 음.. 가장 가까운 상대적으로 가장 가까운 부모 엘레먼트의 상단에서부터의 픽셀값이라고 합니다. 중요한 부분은 가장 가까운 부모에 대해, 상대적 픽셀값이라는 것입니다. 상대적으로 가까운 부모라는 말이 조금 이상하긴 하지만, 제가 이해한 바로는 조상이 아닌 '부모'를 의미하는 듯 합니다..
-
[용어] non-blocking, asynchronous, concurrencyprograming/etc 2019. 4. 24. 15:42
안녕하세요, Einere입니다. (ADblock을 꺼주시면 감사하겠습니다.) 오늘은 비대기(non-blocking), 비동기(asynchronous), 동시성(concurrency), 병렬성(parellelism)에 대해 알아보겠습니다. 해당 포스팅은 원글을 제가 보기 좋게 정리한 것입니다. 원글은 글 하단의 참고에 링크해두었습니다. Non-blocking 크게 다음 두가지의 의미로 사용됩니다. Non-blocking algorithm (Non-blocking synchronization) Non-blocking이란, 어떤 쓰레드에서 오류가 발생하거나 멈추었을 때 다른 쓰레드에게 영향을 끼치지 않도록 만드는 방법들을 말한다. 공유 자원(메모리, 파일 등)를 사용하는 멀티 쓰레드 프로그래밍을 할 때, 특정..
-
[비타민월드] 멜라토닌 3mg 120정food 2019. 4. 21. 22:32
안녕하세요, Einere입니다. (ADblock을 꺼주시면 감사하겠습니다.) 이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받고 있습니다. 오늘은 수면유도제 멜라토닌에 대해 리뷰해보고자 합니다. 가끔씩 잠이 잘 오지 않거나, 늦게 자게 되는 경우가 있습니다. 저는 꽤 예민한 편이라, 빛이 조금이라도 들거나 약간이라도 소음이 있으면 잠을 못잡니다. 이런 경우, 멜라토닌 한알 먹고 침대에 누으면 잠을 잘 잘수 있습니다. 자세히 얘기하자면, 침대에 누워서 눈을 감았다가 뜨면 내일 아침이라고 할 수 있겠네요. 꽤나 깊게 자는건지, 꿈도 안꾸고 일어났을 때 찌뿌둥한 느낌도 없습니다. 하지만 약물에 의존하는 것은 최대한 피하는 것이 좋으니, 꼭 필요한 경우에만 복용하시는 것을 추천드립..
-
[액토] 뮤트 무선 광마우스gossip 2019. 4. 17. 20:11
안녕하세요, Einere입니다. (ADblock을 꺼주시면 감사하겠습니다.) 학교에서 공구로 구매했던 마우스를 2년 정도 정말 잘 쓰고 있었는데, 고장이 나버렸습니다... 새로 사려고 하다가 애플의 매직마우스를 닮은 무소음 무선 마우스를 발견했습니다. 오늘은 쿠팡에서 찾은, 액토에서 나온 무소음 무선 마우스를 소개해보려고 합니다. 외형은 애플의 매직마우스와 비슷하게 납작하고 길쭉한 모양입니다. 이런 형태의 마우스는 처음 사용해봅니다. 일반적인 볼록한 마우스는 손목에 부담이 많이 가서, 얇은 마우스를 한번 사용해보려고 합니다. 특장점입니다. 요즘은 도서관이나 열람실에서 키보드소리나 마우스 소리에 조심해야 되므로, 무소음이 대세죠. 실제로 에타에서 딸깍충이란 얘기가 많이 나오기도 하고요. 뭐 사실 무소음인 ..
-
[JS] JavaScript에 대한 다양한 개념들programing/Language 2019. 4. 4. 23:20
안녕하세요, Einere입니다. (ADblock을 꺼주시면 감사하겠습니다.) 오늘은 JavaScript에 대한 기초적인 개념이 잘 정리된 글을 소개해볼까 합니다. 입사면접 전, 복습용으로 좋은 것 같습니다. http://www.nextree.co.kr/p7363/ JavaScript : Scope 이해 JavaScript는 단순한 언어로 여겨져 왔습니다. 그래서 여러 개발자분들이 JavaScript를 배우기도 쉽고 간단히 쓸 수 있다는 편견을 가지고있습니다. 하지만, 최근 JavaScript의 관심이 늘어나면서 JavaScript는 더이상 '쉬운 언어'가 아닌 깊은 이해를 필요로 하는 언어라는 인식이 생기고있습니다. 저는 JavaScript에 대한 깊은 이해를 하기 위해서는 클로저(Closure)에 대해..