useState 와 useEffect 발표 중 먼저 리액트의 대표적인 hook 중 하나인 useState 에 대해 알아보겠습니다! 😀 먼저 State 란❓ State는 한 컴포넌트 안에서 유동적인 데이터를 다룰 때 사용되며, 컴포넌트 안에서 데이터를 변경할 수 있습니다. 즉, State는 한 컴포넌트의 상태(State)를 나타냅니다. State는 컴포넌트 내에서 지속적으로 변경이 일어나는 값을 관리하기 위해 사용 합니다. React Hooks 가 나오기 이전에는 상태값을 관리하기 위해 class 기반의 클래스 컴포넌트 를 작성해야했습니다. class 안에서 this.state 를 써주는 코드를 길게 작성해야 했습니다. 이렇듯, 클래스 컴포넌트는 간단한 상태 관리 조차도 함수형 컴포넌트에 비해 복잡하여 유..
프론트엔드 개발자라면 다들 들어본 비슷하지만 다른..? 렌더링 방식에 대하여 정리하고자 합니다. 우선 간단하게 용어부터 정리 해보겠습니다 SPA(Single Page Application) : 한 개의 페이지로 구성된 애플리케이션 MPA(Multiple Page Application) : 여러 개의 페이지로 구성된 애플리케이션 CSR(Client Side Rendering) : 클라이언트 측에서 렌더링을 하는 방식 SSR(Server Side Rendering) : 서버 측에서 렌더링을 하는 방식 대부분 CSR + SPA 한 묶음, SSR + MPA 한 묶음 이라고 정의하곤 합니다. 이유는 많이 사용되는 React, Vue, Angular 등 JS 라이브러리나 프레임워크를 쓰면 HTML, CSS, JS ..
멋쟁이 사자처럼에서 진행하는 'DDC 2023 : DEV DAY' 참석 후기 입니다. 장소는 코엑스 오디토리움에서 진행 되었습니다! 우선 10시 30분 부터 입장이 가능했는데 컨퍼런스에 참가하는 기업들의 부스가 운영되어서 여러가지 정보와 선물을 받을 수 있었습니다. 스티커를 받고 붙이면서 '정말 휼륭하고 좋은 개발자, 사람들에게 지식을 공유 할 수 있는 개발자가 되자' 다시 다짐하게 되었습니다. 세션은 총 6개로 진행 되었습니다 😀 세션의 소개와 더불어서 현장에서 기록했던 내용들을 가져왔습니다. 그때의 기억과 감정을 유지하고 싶어서 정리나 추가하지는 않겠습니다!! 1. 데이터사이언티스트입니다. 무신사도 괜찮나요? 대기업에서 일하시다가 본인의 임팩트를 만들 수 있는 회사를 찾기 위해 무신사로의 이적을 선택..
TIL (Today I Learned) 2023.01.25 오늘 읽은 범위 에피소드 39. 인공지능, 머신러닝, 딥러닝, 아직도 구분하기 힘들다고? 에피소드 40. REST API라니, 휴식 API인가? 이게 대체 뭐죠? 에피소드 41. 도커가 뭐지? 왜 필요할까? 에피소드 42. 암호화폐의 진실 에피소드 43. 하이브리드 앱? 뭐라고요? 에피소드 44. NFT가 도대체 뭐길래? 에피소드 45. 멀웨어, 바이러스, 웜 개념 몽땅 정리 책에서 기억하고 싶은 내용을 써보세요. 현재의 인공지능은 좁은 인공지능 ex) 빅스비나, 시리 (p.227) 머신러닝, 딥러닝은 인공지능이 학습하는 방식 또는 인공지능을 학습시키는 방식 (p.228) 머신러닝의 방식에는 지도 학습, 비지도 학습 지도 학습 : 사물의 특징을 ..
TIL (Today I Learned) 2023.01.24 오늘 읽은 범위 에피소드 35. 비밀번호는 어떻게 저장될까? 에피소드 36. 객체 지향 프로그래밍이 뭐죠? -1 에피소드 37. 객체 지향 프로그래밍이 뭐죠? -2 에피소드 38. 함수형 프로그램밍이 뭐죠? 책에서 기억하고 싶은 내용을 써보세요. 비밀번호는 개발자도 알면 안된다. (p.203) 해시함수를 이용해보자 해시함수는 (p.204 ~ 205) 1. 동일한 입력값에 대해 동일한 출력값을 가진다. 2. 입력값이 아주 살짝만 바뀌어도 출력값은 엄청나게 크게 바뀐다. 3. 반대로 입력한다고 해서 원래 값이 나오지 않는다. 레인보우 테이블을 이용하면 입력값을 알 수 있어서 완벽하지 않음. 솔트 무작위 텍스트를 비밀번호와 합쳐서 해쉬함수를 통과 시킨..
TIL (Today I Learned) 2023.01.22 오늘 읽은 범위 에피소드 30. 코로나가 준 레거시 시스템의 교훈 에피소드 31. 데이터와 단짝 친구, SQL 에피소드 32. NoSQL이 뭐죠? 에피소드 33. 깃&깃허브, 똑같은 거냐고? 에피소드 34. 버전을 표기하는 방법도 있어요? 책에서 기억하고 싶은 내용을 써보세요. 레거시(legacy)는 유산이라는 뜻, 오래 전에 개발된 시스템을 레거시 시스템이라고 한다(p.180) SQL은 데이터베이스에 어떤 질문 또는 문의를 하기 위해 어떤 구조를 가진 언어(p.184) DBMS(database management system) 데이터베이스 관리 시스템(p.185) 데이터베이스는 데이터를 보관하는 창고 역할만 한다. SQL로 데이터베이스와 상호작..
TIL (Today I Learned) 2023.01.21 오늘 읽은 범위 에피소드 26. 정렬 알고리즘이 뭐죠? 에피소드 27. 스택, 큐가 뭐죠? 에피소드 28. 해시 테이블이 뭐죠? 에피소드 29. 개발자의 필수 소양, 클린 코드! 책에서 기억하고 싶은 내용을 써보세요. 버블정렬(bubble sort) : 2칸 짜리 창문을 놓고 오른쪽으로 1칸씩 밀면서 왼쪽과 오른쪽을 비교하는 방식(p.155) 선택정렬(selection sort) : 가장 작은 데이터 또는 가장 큰 데이터와 위치를 따로 기억하는 빙식(p.156) 삽입정렬(insertion sort) : 앞에 있는 데이터를 보면서 배치 ( 포인트는 교환이 아니라 밀어 넣는다는 것 ! ) [p.158] 스택 : 위에서부터 데이터를 쌓고, 위에서 부터..
TIL (Today I Learned) 2023.01.19 오늘 읽은 범위 에피소드 22. 자료구조와 알고리즘은 필수라고? 에피소드 23. 배열이 뭐죠? 에피소드 24. 알고리즘의 속도는 어떻게 표현할까? 에피소드 25. 검색 알고리즘이 뭐죠? 책에서 기억하고 싶은 내용을 써보세요. 자료구조나 알고리즘을 몰라도 앱이나 웹 페이지 만드는 데에는 문제가 없으나, 개발자가 되고 싶다면 결국에는 자료구조와 알고리즘을 공부하고/자신의 코드에 적용할 줄 알아야 한다.(p.132) 알고리즘은 컴퓨터에게 내리는 지시 사항을 나열한 것(p.133) 시간 복잡도는 프로그램의 작업 속도가 얼마나 빠른지 측정하는 방법. 작업이 얼마나 많은 단계를 거치는지를 측정한다.(p.137) 배열은 맨 앞부터 차곡차곡 채워져 있어야 한다..
