💻 더 나은 개발자 되기/개발 공부, 회고 5

💡 회고 룰Mood : 오늘의 기분 - 기분과 그렇게 느낀 이유도 적는다.Facts : 사실, 객관 - 실제로 내가 했던 일이나 겪었던 일의 사실Feelings : 느낌, 주관 - 내가 했던 일을 하면서 느꼈던 감정이나 느낌Findings : 내가 했던 일을 통해서 새롭게 배운 점이나 알게 된 점Keep : 현재 만족하고 이어나가면 좋을 것Ploblem : 불편하거나 개선이 필요한 것Try : Ploblem에 대한 해결책, 앞으로 실행할 것Affirmation : 자기 확언, 용기를 주는 문장✨ Mood-  보통. 햇빛 알레르기로 인해 컨디션이 좋지 않다. 새로운 프로젝트를 시작하며 기대와 동시에 걱정이 앞선다. ✨ Facts- 팀 프로젝트 organization에 develop브랜치로 base브랜치를..

Next.js ? Next.js는 React 라이브러리의 프레임워크이다. 이를 통한 큰 장점은 plain react앱의 한계를 극복하기 위함인데, 리액트의 단점 중 하나인 취약한 SEO를 위한 SSR 또는 SSG를 가능하게 하기 때문이다. CSR을 하는 리액트의 특성상 SEO에 취약한데, next.js가 pre-reloading을 통해 데이터가 랜더링 된 페이지를 미리 가져오게 해준다. 덕분에 사용자 경험에도 도움이 될 뿐 아니라 SEO까지 장점을 얻을 수 있다. SSR과 CSR까지 혼합해서 사용이 가능한 장점도 있다. 물론, Next.js없이도 SSR구현이 가능하다. 이미 진행된 플젝에서 Next를 중간에 도입하는 경우 비용이 많이 드는 단점이 있어 처음부터 Next를 도입하는 것이 좋다. Next.j..

사람이 프로그래밍 언어로 작성을 하면 기계어(컴퓨터가 이해 할 수 있는 언어)로 컴파일 하는 과정이 필요하다. 보통의 컴파일의 과정은 컴파일을 하게 되면, 결국 바이트 코드로 변환이 된다. 컴파일 과정을 보면 JS코드를 AST(추상 문법 트리)로 먼저 변환을 하는데 컴파일러가 이 AST를 바이트 코드로 변환을 하면 컴파일이 종료 된다. 📌보통의 컴파일러 과정 JS > AST > 바이트 코드 > 실행 타입스크립트는 먼저 코드를 AST로 변환 하고, 바이트 코드로 바로 변환하는 것이 아닌 타입검사를 통해 코드상 오류 여부를 확인한다. 검사 실패시 컴파일이 종료되고, 만약 정상코드라면 AST를 JavaScript로 변환 후 컴파일이 종료된다. 이때 타입관련 문법은 사라지고 안전한 JavaScript코드로 변환..

1. 예시의 코드를 실행할 때, 콘솔에 출력될 값과 그 이유를 설명해 주세요. 해당 코드의 결과로는 3이 출력됩니다. 콘솔에서는 num을 찍어주는데, 1번에서 1로 할당되었던 것이 2번은 비록 대기시간은 0으로 바로 될 것 같지만, 비동기처리되어 우선적으로 3번의 3으로 최종적으로 할당 및 출력이 됩니다. 하지만 출력이후에는 num에는 비동기화된 2번 값이 셋팅이 되어 이 작업 이후 다시 num을 출력하게 되면, 2로 바뀐것을 볼 수 있습니다. 2. 리액트에서 Virtual DOM이 무엇인지, 이를 사용하는 이유는 무엇인지 설명해 주세요. Virtual DOM은 실제의 돔이 아닌 실제 돔을 모방한 가상돔을 의미합니다. 이렇게 복제된 가상돔의 변화를 원래의 돔과 비교하게 되어 변화한 부분만 리렌더링을 하는..