본문 바로가기

전체 글84

[React] LifeCycle (라이프사이클, 생명주기) 웹을 공부하다보면 빠질 수 없는게 또 바로 라이프사이클이다. 지금까지 나는 라이프 사이클 개념만 공부를 해서 정확하게 어디에 쓰이고 내가 사용하면서도 이게 라이프사이클이 어떻게 사용되는지조차 정확하게 알지 못하고 넘어갔었는데 이번 기회를 통해 정확히 짚고 넘어가려고 한다. 일단, 구글에 react lifecycle이라고 치면 항상 나오는 그림이 있다. mount부터 unmount까지 좌르륵 있는 사진이다. 나는 그냥 이것만 공부하고 알고있었다. 근데 왜 라이프사이클에 대해서 알아야하는지 근본적인 부분에 대해 부족하다고 느껴서 이번엔 그 부분을 좀 더 자세히 알아보도록 해야겠다! 라이프사이클이란? 라이프 사이클은 간단히 워딩만 보더라도 '한 화면이 생성되고 사라지기까지의 과정'이라고 볼 수 있다. 왜 라이.. 2021. 7. 5.

[Git] 내가 보려고 적는 커밋 메시지 작성 팁 요즘 어떠한 계기로 인해 유의미한 공부는 무엇일까에 대해서 많이 생각을 하게 되었다. 좀 더 일찍이 근본적인 공부를 할 수 있었으면 좋지 않았을까라는 생각을 하지만, 지금도 늦지 않았다고 생각한다!! 방향을 다시 제대로 잡아서 탄탄하게 기본기를 쌓을 수 있도록 노력해야겠다. 그 중에 하나가 깃헙에 커밋을 올리면서 뒤죽박죽 커밋을 하던 것을 기준을 세우고 질서있는 커밋을 하고 싶어졌다. 그래서 무작정 구글링으로 커밋메시지에 대해서 찾아보게 되었는데 처음에는 feat만 주구장창 쓰다가 좀 더 세부적으로 커밋메시지를 쓰고 싶다는 생각에 내가 까먹지 않게 계속 볼 수 있도록 이렇게 블로그에 적게 되었다. 찾아보니 커밋메시지에 7가지 규칙이 있다고 한다. 제목과 본문을 빈 행으로 구분한다 제목을 50글자 내로 제.. 2021. 7. 5.

[React] Rerendering(리렌더링) 리액트를 공부하다보면, 효율성이라는 단어를 빼놓을 수가 없는 것 같다. 저번에 정리했던 DOM에서의 가상 돔도 그렇고, 어떤 한 개념을 공부할 때마다 그 개념이 효율적이게 도와준다고 하는 것이 많다는것이다. 나는 전에 이런 질문을 받은 적이 있다. '리렌더링이 뭔지 아시나요?' 이 글을 보는 여러분들은 무슨 대답을 하겠는가? 나는 그때는 부끄럽지만 리렌더링이 그냥 렌더링을 다시한다는 거 아닌가? 이렇게 생각했었다. 사실 말 뜻은 그렇다. 하지만, 질문의 의도가 과연 진짜 뜻을 물어보는 것이었을까? 이때 모든 질문에 답을 개떡같이 한 나는 집에 와서 차분히 다 적어놨었다. 그리고 다시 공부하면서 채워나가기 시작했다. 리렌더링은 무엇인지 근본부터 알아야하며, 왜 이걸 알아야하는지, 어디에서 이 개념이 쓰이는.. 2021. 6. 24.

파이어베이스(Firebase) - NoSQL,Collection,Document 이번에 프로젝트를 정리하면서 파이어베이스를 사용했던 프로젝트를 다시 보게 되었다. 사용해봤지만 정확히 공부해보고 넘어가야겠다고 생각이 들어서 다시 정리를 해봤다. 파이어베이스에서 내가 사용했던 기능은 Firebase Database(DB)와 Firebase Authentication(Auth)이다. Firebase Auth는 이메일, 구글 등 다양한 sns를 이용한 로그인 인증 기능을 제공하고 있다. 이 부분은 자신이 구현하려고하는 프로젝트에 따라 허용해주어 사용해주면 된다. 이 점은 그다지 어렵지 않았다. 하지만, Firebase DB에 접근해서 정보를 저장하고 꺼내서 쓰는 부분에 있어 처음에 어려움을 느꼈었다. 나에겐 Collection과 Document에 대한 개념이 뒤죽박죽 다가와서 어려웠었는데 .. 2021. 6. 24.

내가 보려고 적는 Visual Studio Code 단축키 모음 (상시 업뎃) 비쥬얼 코드를 사용하면서 여러가지 편리한 단축키들을 내가 안쓰고 힘들게 코드를 작성하는 것 같아 찾아서 정리하게 된 비쥬얼 스튜디오 코드 단축키 모음!⌨ 상시 업뎃될 예정이니 혹시 나만 알고있기 아깝다는 단축키가 있으면 댓글 부탁드립니다! 일단, 단축키를 수정할 수 있는 방법부터 알려드릴게요! File -> Preferences -> Keyboard Shortcuts -> 단축키 수정 ctrl(command) + D : 같은 단어 동시 수정 alt(option)+click : 중복 커서 생성 alt(option) + ↑/↓ : 해당 줄 코드의 이동 alt(option) + shift + ↑/↓ : 해당 줄 코드를 복사해서 이동 (해당되는 코드를 여러개 복붙할때) ctrl(command) + / : 주석처.. 2021. 2. 10.

[React] ContextAPI를 사용해서 TodoList만들기(2) : contextAPI contextAPI에 대해서는 책 📖리액트를 다루는 기술📖에서도 다뤘지만 겉으로는 이해했지만, 몸과 마음 전체적으로 아직 이해를 못하고 깨닫지 못했다는 생각이 들어서 contextAPI를 사용한 예제인 투두리스트를 찾아서 다시해보게 되었다. 이번 포스트를 쓰면서 정한 내 목표는 이 포스트를 쓰면서 다 쓰고 나서는 내가 contextAPI가 뭔지 제대로 설명할 수 있고 알 수 있도록 만드는 것이다. 이전 포스트는 이 투두리스트를 만들면서 사용한 styled-components에 대한 요소들을 공부해본 포스트이다. minjoo-space.tistory.com/56 [React] ContextAPI를 사용해서 TodoList만들기(1) : styled-components 리액트를 다루는 기술에서는 투두리스트를.. 2021. 2. 9.

이전 1 ··· 3 4 5 6 7 8 9 ··· 14 다음

티스토리툴바