728x90 분류 전체보기51 Js복습 pt.6 NPM 티스토리를 정리할 때면 종종 노래를 들으며 정리하곤 한다. 기억을 되짚으며 하기에 가사 있는 노래는 피한다. 그래서 ASMR이나 연주곡을 듣곤하는데 요즘엔 쳇 베이커의 재즈에 빠졌다. 공부하며 들을 새로운 노래를 찾는 중이라면 맛보자. https://youtu.be/keU3J0HHQ4s NPM (Node Package Manager) 나에게 npm은 익숙한 친구이다. 다만, 친하지는 않은 안면이 있는 친구와도 같다. 강의를 듣고 실습을 진행하거나, 무언가 기능일 필요해서 추가할 때면 터미널 창에 항상 npm~ 이런 식으로 사용해 왔었다. npm은 풀네임에서 알 수 있듯이 노드 패키지들을 관리하는 기능을 한다. 좀 더 와닿게 말하면 개발 시 필요한 다양한 모듈들을 다운로드할 수 있게 해주는 도구이다. np.. 2022. 8. 4. 서약(THE VOW) 개봉: 2012.03.14 장르: 로맨스/멜로/드라마 국가: 미국 등급: 15세 이상 관람가 러닝타임: 104분 제공 OTT: 웨이브, 왓챠 ※ 주의 ※ 스포 가득 + 주관적인 리뷰 ※ 주의 ※ https://youtu.be/UdDjlhYhawk 어도러블~ 평소와 같이 자기 전에 유튜브를 보다가 이 영상을 보고 이런 영화가 있었나 해서 찾아보다가 궁금해져서 보게 되었다. 녹음 회사에서 일하는 리오(남)와 그와 결혼한 예술가 페이지(여)와의 이야기이다. 참고로 실화를 기반했다고 한다. 줄거리 은행에서 페이지에게 처음 반한 리오는 데이트 신청을 하고 둘은 결혼을 하게 된다. 결혼 후 꽁냥꽁냥 잘 지내던 리오와 페이지는 교통사고가 난다. (뽀뽀하다가) 2022. 8. 3. Js복습 pt.5 module system 자바스크립트와 리액트를 사용하면서 무심코 사용했던 import와 export 뭐 대충 파일 내보내고 가져오는 의미아닌가? 얼추 맞았다. 하지만, module에 대한 정확한 이해와 기존의 script를 통해 파일을 주고받는 것과 무슨차이가 있는지 보도록 하자. 1. 모듈, 모듈시스템 애플리케이션의 기능들을 추가하다보면 당연히 규모 확장이 될 것이다. 이 경우 한 개의 파일로 통솔하기엔 어려움이 많다.파일을 여러개로 분리하게되는데 이때 이 분리된 파일을 모듈이라고한다.추가로, 이렇게 분리된 파일들을 불러올 수 있게끔 하는 것이 모듈 시스템이다. 자바스크립트 상에선 script태그를 통해 파일을 주고 받는데 이경우 전역스코프를 공유한다는 문제가 발생한다. 예시로, a.js, b.js모두 number라는 변수에.. 2022. 8. 1. (부록)스터디 윗 미 4월 동안 열심히 들은 바닐라 js 정리 내용 + 실습 후 결과물 당시에는 티스토리 안 해서 메모장에 적어놓았는데 더 가독성 좋게 정리 + 한 곳에 내 행보 정리함으로써 통일화하는 김에 업로드한다. (결과물 미리보기) - 노트북으로 들어가길 반응형 작업 1도 안 해서 이리 깨지고 저리 깨질 확률 99% https://minkyu0424.github.io/studyWithMe/ StudyWithMe minkyu0424.github.io 1. variables console을 통해 숫자 또는 문자를 입력받거나 출력하게 된다면, 일일이 숫자를 작성하고 수정해야 한다. 너무 많은 시간과 에너지를 소모하게 된다. 따라서 변수 사용 a+b한 후 매번 a와 b값을 변경하도록 한다. ex) const a=1; / co.. 2022. 7. 31. Js복습 pt.4 API와 이벤트 버블링, 캡쳐링 오래간만에 글 저장 안 하고 신나게 쓰다가 음악 바꾸려고 뒤로 가기 잘못 눌러서 두 번째 쓴다 ^_^ 몸뚱이야 미안해 뇌가 실수했어. 1.API(어플리케이션 프로그래밍 인터페이스) 맨 마지막에 인터페이스는 무엇일까 UI 유저 인터페이스도 많이 들어봤는데... 상호(사물-사물 또는 사물-인간 인간-인간) 간의 소통을 위해 만들어진 접점이라고 생각하면 편하다.리모컨을 생각해보면, 우리가 TV보고 음량을 키워!라고 한다 해서 음량은 커지지 않을 것이다.(음성인식 배제)리모컨 음량 버튼을 누르면 소리가 커지고, 여기서 리모컨이 인터페이스의 기능을 한다. (하드웨어적인 인터페이스)+ 배달앱 같은 경우는 소프트웨어 인터페이스라고보면 된다. + 위에서 내가 궁금한 UI의 경우 사용자가 사용하는 인터페이스이다. 인터페.. 2022. 7. 26. Js복습 pt.3 this 최근에 잠들기 전 영화를 가끔 보곤 한다. 하나에 오래 집중 못하고, 금세 졸려서 이용하는 방법이다. 강의에서의 코드 캡쳐본은 내가 듣는 강의인 짐코딩에서 가져왔다. https://www.youtube.com/channel/UCZ30aWiMw5C8mGcESlAGQbA 짐코딩의 CODING GYM 실용적인 코딩채널 CODING GYM 💪🏋️♀️ 【짐코딩 클럽 온라인 강의 🎉】 👉 https://edu.gymcoding.co 【광고 및 제휴 문의 😙】 👉 bruce.lean17@gmail.com 【커피 한잔 후원 🙂】 👉 https://toon.at/donate www.youtube.com 내 기억이 맞다면 과거 await async, arrow function을 복습하는 과정 중에 this를 봤었다. 그.. 2022. 7. 24. 기분 나아지는 방법 다음 공부 정리 글 써야 하는데 귀찮아서 적는 글이 아니랍니다~ 나는 부정적인 감정을 느끼는 순간이 드물다. 가족, 친구들과 트러블이 거의 없고(이건 주변 사람들이 착한 게 큰 영향을 끼치는 것 같다. 고마워 가족덜이랑 친구덜) 본래 가지고 있는 성격도 한몫하는 것 같다. 그래서 기분이 좋을 때는 여러 사람들과 같이 있거나 혼자서도 행복한 반면에, 기분이 좋지 않을 때는 그 감정이 낯설기에 누구와 같이 함께하고픈 기분이 아니어서 혼자 이겨내거나 생각하지 않으려 한다. 텐션 다운된 내 모습 보여주기 싫음 + 남이 해결해줄 수 없는 문제인 것을 알아서 슬픈, 화나는 감정들을 많이 겪는 사람이라고 능숙하게 다루지 못하는데 나는 오죽하겠나. 1년에 1,2번 찾아오는 부정적인 감정에 나는 꽤나 오랜 기간 잡아 먹.. 2022. 7. 21. Js복습 pt.2 script, defer, async 요번 시간에 자바스크립트 코드를 html에 가져올 때 사용하는 script 그리고 defer async에 대해서 배워보자. 참고로 async await 같은 동기, 비동기 처리에관해 한번 정리한 경험이 있는 터라 밑의 글을 참고하자. 2022.06.23 - [코딩/REACT] - React 부록 async, await, arrow function(1편) React 부록 async, await, arrow function(1편) 이제껏 강의를 들으면서 잘 모르고 넘어간 것들 제목에 쓰여있는 3가지를 오늘 정리 + 이해해 볼 것이고 지금부터는 내가 직접 코드 작성하고, 파일도 분할해야 하기에 어떤 기능을 위해 쓰였는 minkyunoori.tistory.com html 파일을 보통 위에서 아래로 파싱하는데 s.. 2022. 7. 20. Js복습 pt.1 DOM과 BOM 리액트 중단 선언 ＼(´◓Д◔`)／한지 이주일 물론 말이 선언이지 Slider랑 slick에 대해서 검색하는데, 새끼손톱 하나 삐져나온 걸 보면 손톱 전부 깍듯이 내가 모자란 부분 + 보충하고 넘어가고 싶은 부분이 여러 개 보였다. 리액트를 배우다 보니 내가 자바스크립트를 무지한 상태로 넘어온 게 아닌가 싶다. 프론트엔드에 있어 필요한 내용이 담긴 강의 정리 + 새로 산 책인 도마뱀 자바스크립트를 차차 리뷰해보려 한다. 언제까지 작성하고 언제 또 중단하고 리액트로 넘어갈지는 모르겠다. 그리고 css도 좀 제대로 정리하고 배우고 넘어가려 한다. 이것도 언제 바뀔지 모름 ヘ（。□°）ヘ 내가 계속 배우고 있는 자바스크립트는 html을 조작하기 위해 만들어진 언어이다. 이렇게 조작한 html은 브라우저에 표현이.. 2022. 7. 20. 이전 1 2 3 4 5 6 다음 728x90
