profile
이해하는 개발자를 희망하는 고광필입니다.

220524 TIL

220524 TIL프로그래머스 데브코스 복습 기간 겸 방학 기간이 오늘로 마무리되었습니다css와 vue강의가 밀려서 강의 수강이나 과제에 어려움이 있었기에 react는 밀리지 않으려고 강의를 미리 듣고 있습니다React(1), (2) 강의를 미리 수강했습니다팀원의 vu

약 21시간 전
·
0개의 댓글
post-thumbnail

220523 TIL | vue 영화 검색 사이트

220523 TIL주말에는 vue 과제를 진행했습니다react 강의를 미리 예습하면서 강의가 밀리지 않도록 할 계획입니다Vue + 영화 검색 API + Design 프레임워크를 사용해 영화 검색 사이트를 만들고 배포하는게 8주차 과제였습니다ant-design-vue를

2일 전
·
0개의 댓글

220519 TIL | vue | 믹스인 | Provide / Inject | Vuex

220519 TIL프로그래머스 데브코스 Vue(6) 강의를 수강했습니다아직 vue 강의가 더 있지만 프로젝트를 진행하는데는 여기까지 들으면 문제가 없다고 판단해서프로젝트도 진행하려 합니다Vue 애플리케이션의 전역에 특정 기능을 추가합니다커스텀 함수를 전역으로 등록하고

6일 전
·
0개의 댓글

220518 TIL | vue | 컴포넌트 props | non-props | slot | ref

220518 TIL프로그래머스 데브코스 Vue(5) 강의를 수강했습니다강의가 좀 많이 밀려있어서 빨리 듣고 프로젝트를 시작해야겠습니다컴포넌트는 전역에 등록할 수 있고, 지역에 등록할 수 있다=> 지역 컴포넌트를 권장하지만, 자주 사용하는 경우 전역으로 등록할 수 있습니

7일 전
·
0개의 댓글

220517 TIL | vue | 조건부 렌더링 | 배열 렌더링 | 이벤트 | 수식어

220517 TIL프로그래머스 데브코스 Vue(3)과 Vue(4) 강의를 들었습니다webpack 관련 셋팅 강의가 복잡해서 따로 더 봐야할것 같습니다복잡해...vue의 조건부 렌더링, 배열 렌더링, 이벤트 핸들링, 수식어, 컴포넌트, props를 배우며 기본 지식 정도

2022년 5월 17일
·
0개의 댓글
post-thumbnail

220515 TIL | vue | computed | watch | class style bind

밀린 프로그래머스 데브코스 Vue(2)를 공부했습니다data를 기반으로 계산된 데이터입니다기존의 data를 유지한채로 computed에서 계산합니다이 때 기반이 되는 data를 computed가 의존하는 data, 의존성 data라고 합니다함수지만 data로 취급됩니다

2022년 5월 15일
·
0개의 댓글

220513 TIL | vue | 기본 문법 | 라이프사이클

강의가 밀려있기도 하고, 그날 공부한 내용을 블로그 글로 정리하는데도 시간이 걸리는 것 같습니다오늘 공부한 내용을 적는 TIL과 이후에 해당 내용을 정리해서 좀더 깔끔하게 별도의 글로 올리고자 합니다그래서 오늘부터 별도의 TIL을 작성합니다220513 TIL프로그래머스

2022년 5월 13일
·
0개의 댓글
post-thumbnail

Selection Object | window.getSelection() 정리

노션 클론 코딩을 진행하면서 textarea tag를 사용하지 않고contenteditable="true"가 적용된 div tag를 사용하려고 했습니다그러나 특정 상황에서 innerHTML로 text를 바꾸고,focus해서 계속 입력을 진행하려는데 뜻대로 되지 않았습니

2022년 5월 13일
·
0개의 댓글
post-thumbnail

drag and drop event | Javascript

바탕화면에서 파일을 옮길 때 드래그를 통해 옮길 수 있습니다.하지만 웹 사이트에서는 옮겨지는게 있고, 아닌게 있습니다.특히 글은 옮겨지지 않고 선택만 됩니다.웹사이트에서 드래그는 할 수 없는걸까요?오늘은 drag 관련 event에 대해 공부한 내용을 기록하겠습니다.드래

2022년 5월 2일
·
0개의 댓글

사용자에게 많은 데이터를 보여주는 방법 | 페이지 | 무한 스크롤

프로그래머스 데브코스 강의에서 무한스크롤에 대해서 공부했습니다.이후에 따로 찾아본 내용을 합쳐서 무한 스크롤은 무엇인지, 외에 다른 방법은 없는지, 어떻게 구현하는지를 정리하겠습니다.구글에 어떤 내용을 검색했을 때페이스북에서 어떤 내용을 검색했을 때네이버에서 초콜릿을

2022년 4월 26일
·
0개의 댓글
post-thumbnail

노션 클론 코딩 프로젝트 회고 (바닐라js, SPA)

프로그래머스 데브코스에서 노션을 클론 코딩하는 개인 프로젝트를 수행했습니다.기본 요구사항은 모두 구현했습니다만여러 기능을 추가하면서 아직 남아있는 버그도 있고, 프로젝트를 진행하면서 아쉬운 점이 많습니다.프로젝트를 돌아보며 이런 점들을 정리하고, 성장하려고 합니다.많은

2022년 4월 22일
·
0개의 댓글

백준 | 랜선 자르기 | 이진탐색 | Javascript

https://www.acmicpc.net/problem/1654백준에 있는 이진탐색 문제입니다.새벽에 끙끙대다가 놓친 부분이 많아서 기록합니다.전선 n개의 길이와 목표 개수를 입력받습니다.목표 개수를 만들기 위해 전선을 특정 길이로 자를 때, 개수를 만족하는

2022년 4월 13일
·
0개의 댓글
post-thumbnail

클라이언트에서 데이터 저장하기 | 쿠키 | 웹스토리지

브라우저를 닫았다가 켜도 전에 하던 작업을 기억하려면 어떻게 해야 할까요?클라이언트에서 데이터를 저장할 수 있는 방법에 대해 알아보겠습니다.브라우저에 저장하는 작은 문자열서버는 요청이 누가 보낸건지 알 수 없기 때문에, 쿠키를 통해 나임을 증명합니다.일반적으로 서버에서

2022년 4월 6일
·
0개의 댓글

브라우저의 URL 처리와 동작 원리 | 가상 DOM

브라우저 동작 원리를 공부하면서 전체적인 브라우저의 과정을 함께 살펴보겠습니다.추가적으로 가상 DOM과 가상 DOM에서 불변성이 중요한 이유도 정리하겠습니다.url에 google.com을 치면 어떤 일이 발생할까요?방문했던 사이트를 기록해두면, 다시 방문할 때 전보다

2022년 3월 27일
·
0개의 댓글

Javascript | 스코프 | 클로저

클로저를 공부하다가 이해되지 않았던 점들을 의문점들을 정리하며 글을 작성하겠습니다.의문의 순서1\. 클로저가 어떻게 외부 변수를 참조하는가?2\. 클로저를 왜 쓰는가?3\. 데이터 은닉을 왜 하는가?: 기본적인 개념은 '외부 변수를 참조하는 함수를 클로저 함수'라고 합

2022년 3월 22일
·
3개의 댓글

Javascript | this | 화살표

내가 햇갈리는 것print() 안에서 name이 가지는 값을 잘 모르겠다. 오류가 나야할것 같은데?=> 지난 호이스팅 관련 글에 정리하였습니다.this가 무엇을 의미해서 this.name이 달라지는지 모르겠다.=> 이번 포스팅에 정리합니다.this는 함수 호출에 따라

2022년 3월 20일
·
0개의 댓글

백준 | 폴짝폴짝 | Javascript | BFS

https://www.acmicpc.net/problem/1326백준 폴짝폴짝 문제입니다.solve.ac 기준 실버2 BFS 문제입니다.며칠동안 끙끙거리다가 실수를 찾아내 기록합니다.해당 칸의 숫자의 배수만큼 좌우로 점프할 때, start에서 end로 몇번의

2022년 3월 7일
·
0개의 댓글

Javascript | var 호이스팅 | const let TDZ

어떤 기업의 면접 후기 글을 읽다가 js관련 질문이 햇갈려서 관련 개념을 다시 익히느라 늦게 돌아왔습니다.위 문제였는데요. 정답을 모르겠어서 관련된 내용으로 제가 햇갈려 한 내용들을 다시금 정리했습니다.스코프, TDZ관련 내용으로 포스팅하고 이후에 this에 대해서 다

2022년 3월 1일
·
0개의 댓글
post-thumbnail

DFS와 BFS 간단 정리와 오답 노트

DFS BFS 카테고리에 해당하는 문제들을 풀고 있는데자주 틀리는 부분이 있어서 DFS, BFS 정리와 오답 노트를 작성합니다.흔히 있는 그래프 그림 말고 다른걸로 기록하고 싶어서 상황을 하나 만들겠습니다.이사갈 집의 구조입니다.거실에는 방 A, B, C가 연결되어 있

2022년 2월 18일
·
0개의 댓글
post-thumbnail

Javascript Promise 배경부터 then catch 그리고 async await까지

https://velog.io/@dishate/Javascript-%EC%BD%9C%EC%8A%A4%ED%83%9D%EA%B3%BC-%EC%9D%B4%EB%B2%A4%ED%8A%B8-%EB%A3%A8%ED%94%84-V8-%EC%97%94%EC%A7%84%EC

2022년 2월 17일
·
0개의 댓글