분류 전체보기128 [React]React 16 버전에서의 주요 변화점과 동작 원리 프론트엔드 개발자라면 리액트는 너무나도 친숙한 기술 스택이다. 언제부터 리액트는 이렇게 인기가 많아지게 되었을까? 그리고 웹 개발자들은 왜 리액트를 선호하게 되었을까? 리액트의 중요한 분기점이 되었을 16 버전의 주요 업데이트와 동작 원리, 그리고 역사를 간단히 알아보도록 하자. Why use React? (왜 리액트를 쓰는가?) 2023년에 스택오버플로우에서 개발자들을 대상으로 진행한 설문에서 "웹 프레임워크 및 기술" 부문에서 위와 같은 결과가 집계되었다. 웹 개발, 특히 프론트엔드 분야에서는 현재 가장 많이 사용되는 기술 스택이라고 보아도 될 것이다. 하지만 의문이 든다. 왜 사람들은 리액트를 주요 기술 스택으로 채용하여 개발하게 되었을까? 그냥 너도나도 써서 리액트를 썼을리는 없는데, 무엇이 리.. 2024. 10. 13. [글또]개발자 심민섭의 삶의 지도 글 쓰는 또라이가 세상을 바꾼다 라는 모토로 시작한 글 쓰는 개발자 모임, 글또가 이번 10기를 마지막으로 진행한다. 글또에 지원하고자 하면 한 가지 재밌는 관문을 거쳐야 한다. 바로 자신의 삶을 돌아보는 "삶의 지도"를 작성하고, 공유해야 하는 것이다. 글또에 지원하기 위해, 또 곧 서른 살이 되는 내 인생을 되돌아보는 좋은 계기인 것 같아 삶의 지도를 작성해 보려고 한다. 여행을 좋아했던 아이 어렸을 적부터 나는 무척 호기심이 강한 아이였다. 그 나이 또래 아이들보다 더 세상 모든 것이 신기해했고, 막내로 이쁨만 받아 커서인지 겁이 없었다. 나는 툭하면 '모험'을 즐겼는데, 때로는 윗층 친구와 함께, 때로는 홀로 '여행'을 떠나 동네를 돌아다니는 것을 좋아했다. 모르는 동네를 밝히는 것이 마치 게임.. 2024. 9. 22. [원티드 프리온보딩 9월]3회차 회고 프리온보딩 3회차가 지나 어느덧 막바지를 향해 달려가고 있다.이번 주제는 콜백 함수 - Promise 객체 - async / await 로 이어지는 개발 흐름과 그 배경에 대한 주제로 강의가 진행되었다. 역시나 "대충은" 알고 있는 내용이었지만, 명확히 설명을 위해서는 잘 알고 있어야함을 또 깨달았다. 개발자가 아닌 사람들은 이런 이야기는 재밌어할지도 모르겠다고 생각했다. (아님)오늘의 학습내용콜백함수의 정의 및 사용법프로미스 객체가 생긴 이유, 정의프로미스 팩토리 함수JavaScript에서의 async / awaitSyntax sugarJS에서의 일급 객체란어려웠던 keyword / 활용한 질문Q. Promise 객체와 async / await 의 차이점은 무엇인가요? A. Promise 객체는 .. 2024. 9. 16. [원티드 프리온보딩 9월]2회차 회고 프리온보딩 2회차를 들었다.이번에는 이벤트 루프에서의 Stack과 Queue 가 주제로, 이벤트 루프에서 Stack과 Queue 가 어떻게 동작하는지 등에 대한 이야기를 나누었다. 알고 있는 개념이라고 생각했는데, 정확히 잘 모른다는 것을 새삼 또 느꼈다. 누군가에게 설명할 수 없다면 모른다는 것이 정말 맞다고 항상 느끼고 또 느끼게 되는 것 같다.오늘의 학습내용데이터의 정의메모리의 구성 요소와 종류 (Stack, Heap, Data, Code)이벤트 루프에서의 Stack이벤트 루프에서의 Queue Execution Context를 통해 알아보는 JavaScript 엔진의 동작 방식어려웠던 keyword / 활용한 질문Q. 왜 자료구조로 분리해서 데이터를 저장하는 것이 필요한가요? A. 저장하고자 하는.. 2024. 9. 8. [원티드 프리온보딩 9월]1회차 회고 원티드에서 진행하는 프리온보딩에 신청하여 오늘 첫 회차를 진행했다.이번에는 이벤트 루프에 대한 주제로 이야기를 나눠보는데, 프론트엔드 개발자로서 잘 숙지하고 있어야 할 개념이라고 생각해 시작 전부터 매우 기대됐다. 그리고, 1회차 강의인데도 매우 유익한 시간이었다. 1회차기 때문에 기본적인 개념들을 다뤘지만, 그만큼 정확히 알고 설명할 수 있어야하기 때문에 공부가 많이 되었다. 이제 이런 너디한 조크도 만들 수 있게 됐다.오늘의 학습내용이벤트 루프의 정의동기 Synchronous 와 비동기 Asynchronous 블로킹 Blocking 과 논블로킹 Non-Blocking동기/비동기 와 블로킹/논블로킹 차이점Program, Process, Thread 의 정의병렬성 Parallelism 과 동시성 .. 2024. 9. 7. [포트폴리오 웹페이지]프로젝트 메타인지하기, 마이그레이션 준비 취업 준비 기간동안 작성한 포트폴리오 웹페이지가 있다. 이때는 다른 프로젝트들을 이미 React로 진행했기 때문에 기본기를 다지고, 갖추고 있음을 어필하기 위해 Vanilla JS를 사용하여 웹 페이지를 만들었다. 사실은 이후에 취업하면 마이그레이션 작업을 하려고 했다. 그러나 일로 바쁘다는 핑계로 마이그레이션 작업이 많이 늦춰졌다. 어느새 경력이 1년이 되어가는 시기인지라, 언제까지 Vanilla JS로 웹페이지를 둘 수도 없으니 늦게라도 마이그레이션을 진행하기로 결심했다.프로젝트 메타인지 하기 먼저 프로젝트를 진행하기 앞서 나, 그리고 나아가 프로젝트에 대한 메타인지를 명확히 하기 위해 몇 가지 질문에 대해 스스로 대답을 작성했다. 1. 왜 하는가? 이제 정식으로 개발자가 되어 경력을 쌓아가고 .. 2024. 8. 18. 이전 1 2 3 4 ··· 22 다음
