분류 전체보기

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..

오래간만에 글 저장 안 하고 신나게 쓰다가 음악 바꾸려고 뒤로 가기 잘못 눌러서 두 번째 쓴다 ^_^ 몸뚱이야 미안해 뇌가 실수했어. 1.API(어플리케이션 프로그래밍 인터페이스) 맨 마지막에 인터페이스는 무엇일까 UI 유저 인터페이스도 많이 들어봤는데... 상호(사물-사물 또는 사물-인간 인간-인간) 간의 소통을 위해 만들어진 접점이라고 생각하면 편하다.리모컨을 생각해보면, 우리가 TV보고 음량을 키워!라고 한다 해서 음량은 커지지 않을 것이다.(음성인식 배제)리모컨 음량 버튼을 누르면 소리가 커지고, 여기서 리모컨이 인터페이스의 기능을 한다. (하드웨어적인 인터페이스)+ 배달앱 같은 경우는 소프트웨어 인터페이스라고보면 된다. + 위에서 내가 궁금한 UI의 경우 사용자가 사용하는 인터페이스이다. 인터페..

최근에 잠들기 전 영화를 가끔 보곤 한다. 하나에 오래 집중 못하고, 금세 졸려서 이용하는 방법이다. 강의에서의 코드 캡쳐본은 내가 듣는 강의인 짐코딩에서 가져왔다. 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를 봤었다. 그..

다음 공부 정리 글 써야 하는데 귀찮아서 적는 글이 아니랍니다~ 나는 부정적인 감정을 느끼는 순간이 드물다. 가족, 친구들과 트러블이 거의 없고(이건 주변 사람들이 착한 게 큰 영향을 끼치는 것 같다. 고마워 가족덜이랑 친구덜) 본래 가지고 있는 성격도 한몫하는 것 같다. 그래서 기분이 좋을 때는 여러 사람들과 같이 있거나 혼자서도 행복한 반면에, 기분이 좋지 않을 때는 그 감정이 낯설기에 누구와 같이 함께하고픈 기분이 아니어서 혼자 이겨내거나 생각하지 않으려 한다. 텐션 다운된 내 모습 보여주기 싫음 + 남이 해결해줄 수 없는 문제인 것을 알아서 슬픈, 화나는 감정들을 많이 겪는 사람이라고 능숙하게 다루지 못하는데 나는 오죽하겠나. 1년에 1,2번 찾아오는 부정적인 감정에 나는 꽤나 오랜 기간 잡아 먹..

요번 시간에 자바스크립트 코드를 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..

리액트 중단 선언 ＼(´◓Д◔`)／한지 이주일 물론 말이 선언이지 Slider랑 slick에 대해서 검색하는데, 새끼손톱 하나 삐져나온 걸 보면 손톱 전부 깍듯이 내가 모자란 부분 + 보충하고 넘어가고 싶은 부분이 여러 개 보였다. 리액트를 배우다 보니 내가 자바스크립트를 무지한 상태로 넘어온 게 아닌가 싶다. 프론트엔드에 있어 필요한 내용이 담긴 강의 정리 + 새로 산 책인 도마뱀 자바스크립트를 차차 리뷰해보려 한다. 언제까지 작성하고 언제 또 중단하고 리액트로 넘어갈지는 모르겠다. 그리고 css도 좀 제대로 정리하고 배우고 넘어가려 한다. 이것도 언제 바뀔지 모름 ヘ（。□°）ヘ 내가 계속 배우고 있는 자바스크립트는 html을 조작하기 위해 만들어진 언어이다. 이렇게 조작한 html은 브라우저에 표현이..

핸드폰 요금제 혜택 중 밀리의 서재를 무료로 사용할 수 있는 권한이 있어, 처음엔 소설을 읽으려 했다. 그렇게 이 책 저책 둘러보던 중 말 그릇이라는 책이 눈에 들어왔다. 자기 계발에 큰 관심이 없었지만, 평소에 상황에 맞는 말을 조리 있게 하는 사람들이 부럽고, 후회할 말을 하는 것을 줄이는 것에 관심이 좀 있는터라 말하는 기술에 관한 책 같아서 골랐다. 이 책과의 인연은 그렇게 시작되었다. (푸하하 막이래 아, 책리뷰는 좀 담백하게 쓸 예정이다.) 리뷰글의 분량이 요약인지 리뷰인지 복붙인지 구분이 안 갈 정도로 내용이 많으니 여유 있을 때 읽는 걸 추천한다. +스스로 생각하기에 말 그릇이 작다 생각하는 경우는 직접 읽어보는 것을 추천 전부 읽고 작성하는 글을 아니지만, 그래도 글 전체적으로 작가가 신..

오늘은 arrow function에 대해서 이해해보려 한다. 대학생활을 하며 c, c++, python 등 여러 프로그래밍 언어들을 배우면서 함수 선언은 function 민규() ~~ 이런식으로 선언하다가 강의를 들으면서 arrow function을 애용하는 것을 많이 봤다. 실제로 지금은 arrow function을 쓰는 것이 더 간단하고, 가독성도 좋게 느껴질 정도로 익숙해졌지만, 구조라던가 왜 여기선 이게 쓰이는지 저기선 저게 쓰이는지 정확히 알 필요가 있음을 느껴 정리를 한다. Arrow function = () = > { } 기존의 함수와는 다른 방법으로 함수를 선언한다. 따라오는 장점들, 단점들, 제한사항에 대하여 알아보자. 1. 보통 함수 선언 방법 - 이거 말고도 다양한 방법이 있다. fu..

이제껏 강의를 들으면서 잘 모르고 넘어간 것들 제목에 쓰여있는 3가지를 오늘 정리 + 이해해 볼 것이고 지금부터는 내가 직접 코드 작성하고, 파일도 분할해야 하기에 어떤 기능을 위해 쓰였는지 왜 이렇게 작성되었는지 알아야 해서 정리한다 가보자. 아 그리고 여러 블로그, 공식 사이트를 참조했지만 대부분의 내용은 이 두 분의 글을 통해 이해했다. 여러 가지 프런트엔드 관련 좋은 글이 많으니 심심하거나 궁금한 게 있으면 들어가서 보도록 하자. https://joshua1988.github.io/ 캡틴판교 joshua1988.github.io https://velog.io/@change change (Change) - velog velog.io async, await를 이해하려면 비동기 처리, promise나인..