profile
블로그 이사했습니다. https://yojessie.tistory.com/
post-thumbnail

[TIL] 자바스크립트로 애플갬성 스크롤 애니메이션 만들기 (너무 뿌듯해서 남기는 글)

코딩애플 자바스크립트 강의 막바지 듣는 중,애플 갬성으로 스크롤 애니메이션 만드는 강의가 있었다.쌤이 주신 예제 자료는 이것(지금은 사이트 레이아웃이 바뀌어서.. 강의 자료를 가져왔..)현재 창의 scrollTop 값을 콘솔에 찍어보고,애니메이션의 시작점과 끝점의 스크

2021년 12월 19일
·
0개의 댓글
post-thumbnail

[JS] Array 관련 method 정리 - sort(), reduce(), map(), filter()

sort(), reduce(), map(), filter()ES6 문법으로, Array 내 모든 요소를 반복해서 가공시키는 메소드이다.Array의 요소들을 sort 함수 내용대로 재정렬하여 반환한다.기본 sort()sort()의 파라미터 값에 아무것도 넣지 않으면 문자

2021년 12월 13일
·
0개의 댓글
post-thumbnail

[JS] 탭메뉴를 만드는 두 가지 방법 (반복문, 이벤트 버블링)

탭 메뉴를 만드는 두가지 방법에 대한 강의 내용 정리하기.처음에는 흐름대로 코드를 짜고반복문을 활용해서 리팩토링한다음이벤트버블링 개념을 활용해 이벤트리스너를 줄여 최적화하는 법을 배웠다.이렇게 코드를 만들면, .eq(0) 자리에 각 버튼 순서에 해당하는 숫자를 넣어서

2021년 12월 10일
·
0개의 댓글
post-thumbnail

[JQuery] element filtering method

탭 메뉴에서 반복문을 만들면서 배운 필터링 문법.역시나 배운걸 검색하니 훨씬 방대한 내용이 나오는데일단 내가 지금 사용해봤던 것들부터 정리하고, 차차 경험이 닿는대로 내용 추가 예정.$('.tab-button').first().addClass('active');첫번째

2021년 12월 8일
·
0개의 댓글
post-thumbnail

[JS] 반복문 개념 정리 (while, for)

탭 UI를 만들다가 자연스럽게 나온 반복문 개념.코드가 잘 작동해도 명확하지 않은 부분이 있으면 아는게 아니므로,생활코딩 반복문 파트를 다시 공부하며 정리했다. 위의 코드에서 내 의문은 이거였다.반복문의 조건에 의해 i 에 들어가는 숫자가 바뀌면서 내부의 코드가 반복

2021년 12월 8일
·
0개의 댓글
post-thumbnail

[CSS] position 속성 제대로 알고가기

매번 익숙한 position: absolute;만 사용하다가 가끔 fixed를 사용할일이 생기면 생각없이 사용하는것 같아서 마음에 걸렸다.다시 개념정리를 정리해보자!position은 요소의 위치를 정해줄 수 있는 속성이다.static을 제외한 나머지 type들은 사용시

2021년 12월 5일
·
0개의 댓글
post-thumbnail

[JS] const, let, var 개념정리 (feat. hoisting, scope)

처음 들었던 자바스크립트 기초 강의에서는 const와 let을 사용하고, var는 의도를 알 수 없으므로 사용하지 말라고 배웠다.근데 어떤 강의에서는 var를 많이 사용한다고도 하길래 구글링한 내용을 글로 정리해보았다.정리하고보니 hoisting과 scope개념까지 알

2021년 12월 4일
·
0개의 댓글
post-thumbnail

[TIL] parameter와 argument 구분하기

강의 듣는데 parameter, argument, 인자, 매개변수 등등의 단어들이 정리가 잘 안되어서 찾아봤다.함수를 만들때와 사용할때를 연결하는 매개가 되는 변수를 parameter라고 한다.함수를 사용하는 쪽에서 전달하는 '값'을 argument라고 한다.위 코드에

2021년 11월 30일
·
0개의 댓글
post-thumbnail

[TIL] addEventListener 호출함수에 argument 넣기 (익명함수)

function을 사용할때, 끝에 ()를 붙이는 것은 실행한다는 의미이다.위 코드를 만들어 놓고 화면이 계속 button2 가 클릭된 화면으로 유지되고 있었던 이유. function을 실행하는 ()를 붙였기 때문에.하지만 나는 function에 argument를 넣어서

2021년 11월 30일
·
0개의 댓글
post-thumbnail

[JS] Vanilla Javascript 복습 2

https://nomadcoders.co/javascript-for-beginners/lobby크롬 브라우저의 어플리케이션인 Momentum을 만들어보면서 바닐라 자바스크립트를 배웠다.무료 강의인데 업데이트까지 해주시는 대혜자 니꼬쌤 덕분에 기초 공부가 즐거웠

2021년 11월 28일
·
0개의 댓글
post-thumbnail

[TIL] Github Pages로 프로젝트 사이트 만들기

Github pages를 사용해 프로젝트를 링크로 볼 수 있게 전달해달라는 챌린지 덕분에 pages란 기능을 처음 알게되었다.궁금한게 연결되서 정보를 찾고 또 찾다가 하루가 다 가버렸다.오늘의 시행착오를 정리하고, 언젠가 pages로 깃헙 블로그를 만들기 위해 기록해본

2021년 11월 28일
·
0개의 댓글
post-thumbnail

[JS] Vanilla Javascript 복습 1

10월 17일 노마드코더 사이트에서 자바스크립트 공부를 시작했다. 호기롭게 예습할 여유 없이 바닐라JS강의와 챌린지를 함께 진행하려했으나 실패. 챌린지는 일단 포기하고, 내 페이스대로 강의를 다 들었다. 11월 15일 지금은 또 다른 강의를 듣는 중인데, 바닐라JS

2021년 11월 21일
·
0개의 댓글
post-thumbnail

[TIL] 이게 왜 안되다가 되는건지 모르겠어서 적는 글

퀴즈를 풀다가 생긴 의문점을 남겨본다.과제 유출을 하지말라는 당부가 계셔서 어디서 나온 퀴즈인지는 비밀. (혹시나 그래도 문제가 된다면 알려주세요..)창 사이즈에 반응해 배경 컬러가 변하는 코드를 짰다.스스로 생각해서 코드를 짜는게 익숙하지 않아서사고의 과정 그대로 코

2021년 11월 19일
·
0개의 댓글
post-thumbnail

[TIL] 프로젝트 셋팅 - Hacker News Client with JS

프로젝트를 새로 시작할 때마다 나를 가장 혼란스럽게 하는 환경 셋팅.이번 강의는 셋팅부터 기록하며 복습을 해볼까 한다.Debugger for Chrome이라는 VScode Extension 설치 : 아직 뭐에 쓰는건지 잘 모르겠음. 공부하며 업데이트 예정.https&#

2021년 11월 14일
·
0개의 댓글
post-thumbnail

삽질 일기: git commit 관리는 어려워...

난 그냥 평소처럼 가볍게 강의를 보면서 git commit message를 수정하고 있었을 뿐이고..근데 쌤 강의 화면과는 다른 에러메세지가 떠서 당황했다..차근차근 메세지 읽으면서 어찌 해결해보려 했으나 대차게 실패하고 시간에 쫒겨 출근.그냥 이부분은 건너 뛰어볼까

2021년 10월 7일
·
0개의 댓글
post-thumbnail

[CSS] 말줄임 처리하기

CSS에서 말줄임 처리를 하는 두 가지 방법.아래 코드는 mixin으로 만들어서 사용한 예시. 상황에 맞게 사용할 것.한 줄로 보이는 텍스트를 말줄임표 처리할때는 truncate여러 줄로 보이는 텍스트를 말줄임표 처리할때는 line-clamp자꾸 쓰다보면 익숙해질테니

2021년 10월 7일
·
0개의 댓글
post-thumbnail

[TIL] 반응형에서 이미지 종횡 비율 맞추기

생소했던 내용이라 강의를 두 번 듣고, 여러번 머릿속으로 복기한 다음 글로도 정리해본다.% 와 px의 개념은 다르다.width의 100%는 명확하지만, height의 100%는 부모에 명확한 px값이 없다면 명확하지 않아진다.반응형 제작 시 width는 100%를 주면

2021년 10월 4일
·
0개의 댓글
post-thumbnail

개발자가 되고 싶은 이유

🤔 개발자 커리어 관련 강의를 듣다가, 왜 개발자가 되고싶은지 생각해보라는 강사님 말에갑자기 정리해본 생각이다.주로 사이트 운영 디자인 업무를 하면서 GUI 디자인을 하다가, 이직하면서 UXUI 디자인 업무를 하게 되었다.뭐든 효율적이고 딱딱 떨어지는걸 좋아하는 나는

2021년 9월 27일
·
0개의 댓글
post-thumbnail

[Git] 커밋 관련 명령어 모음

나는 커밋을 항상 왜이렇게 성급하게 하는지 모르겠다.그래서 매번 수정하느라 땀 뻘뻘 💦커밋은 확인 다 끝내고 차분하게 하기.매번 찾아보는 명령어 들은 여기에 모아두기.git log커밋한 목록 확인하기git reflog깃 로그 확인하기 (커밋, 리셋 등 전부)git r

2021년 9월 26일
·
0개의 댓글
post-thumbnail

[VScode] 자주쓰는 단축키 정리

처음에는 찾아보고 익숙해지는데 시간이 걸려도쓰다보면 효율을 팡팡 올려주는 단축키 열심히 찾아보고 공부하자 👀cmd + shift + 양쪽 방향키커서가 있는 줄 전체 선택cmd + D한번 : 단어 단위로 선택여러번 : 선택한 단어와 동일한 단어 선택cmd + shift

2021년 9월 26일
·
0개의 댓글