thenutcracker thenutcracker

React18 업데이트 내용 1. Concurrent Feature React18 업데이트의 가장 큰 변화는 동시성입니다. 동시성은 React가 우선순위 대기열 및 다중 버퍼링 같은 기술을 이용하여 동시에 여러 버전의 UI를 준비할 수 있도록 하는 새로운 메커니즘입니다. 동시에 여러 UI를 준비하기 때문에, 메인 스레드를 차단하지 않고 백그라운드에서 새 화면을 준비할 수 있습니다. 예를 들자면 UI가 대규모 렌더링 작업 중이더라도 사용자 입력에 즉시 응답이 가능하여 더 나은 유동적인 UX를 제공해 줍니다. Suspense 및 SSR 까지를 포함하여 React18의 새로운 기능들은 이를 활용하도록 구축되었습니다. 2. Automatic Batching 리액트 18버전에서 새롭게 추가된 Root API인 c..

Dom이란? Document Object Modal은 HTML, XML 문서에 접근하기 위한 인터스페이스이다. 브라우저는 HTML 문서를 파싱하여 사용자에게 시각화해준다. 이때 여러가지 이유로 브라우저가 띄워주는 HTML 문서에 어떤 동적 처리를 해주고 싶을때, 그 과정을 도와주는 인터페이스가 DOM이다. 결국 DOM이 존재하기 때문에 Javascript 는 HTML 태그들을 수정할 수 있는 것이다. Virtual DOM이 나오게 된 이유는? React에서 사용하는 Virtual DOM도 실제 DOM 내용에 기반하여 만들어진다. 그런데 왜 Virtual DOM을 사용해야 할까? 이유는 실제 DOM에는 브라우저가 화면을 그리는데 필요한 모든 정보가 들어있어 실제 DOM을 조작하는 작업이 무겁기 때문이다. ..

축사 보통 사회적으로 저명한 분들이 축사를 하는 것으로 알고 있습니다. 그런데 같은 수료생인 제가 무슨 자격으로 축사를 하러 여기에서 떠들고 있는지 조금은 민망합니다. (어휴, 도대체 누가 나 뽑은거야? ㅋㅋㅋ) 그래도 여러분들이 저를 추천해줬다는 사실에 힘입어 시작해보겠습니다. 4개월 간의 bootcamp 과정을 통해서 여러가지 느낀 점들 중에 하나는 영어와 가까워져야 한다는 점이었습니다. 개발 할 때는 물론이고 대부분의 문서나 정보들이 영어로 이루어져 있음을 여러분들도 잘 알고 있으리라 생각됩니다. 그래서 영어 이야기를 조금 해볼까 합니다. 제가 2차 프로젝트 발표 때 말씀드렸던 피아노 연주와 개발을 빗대어 언급한 부분 기억하시죠? 여기서 조금 더 확장시켜서 여러 명이 한팀으로 구성된 밴드를 상상 해..

문자열을 정수로 변환하기 문제설명 숫자로만 이루어진 문자열 n_str이 주어질 때, n_str을 정수로 변환하여 reture 하도록 solution 함수를 완성해주세요. 입출력 예 n_str return "8542" 8542 "10" 10 입출력 예 설명 "8542"를 정수로 바꾸면 8542 "10" 을 정수로 바꾸면 10 풀이 function solution(n_str) { return parseInt(n_str); } parseInt() 에 대해서 알아보자 parseInt() 문자열 인자를 파싱하여 특정진수(수의 진법 체계에서 기준이 되는 값)의 정수를 반환합니다(...MDN 중) *parseFloat() 실수형 데이터로 변환해주는 parseFloat()함수도 알아두면 좋을 것 같은데? 참조 http..

1. 기업소개 Prevenotics [Prevention (예방) + Diagnostics (진단)] AI 의료 진단 소프트웨어 기업 암 진단의 정확도를 높이고 암으로 발병 될 위험도를 적극적으로 파악해서 예방 진단이 가능한 첨단 기술 개발 Prevenotics는 AI를 이용하여 '병'을 잘 진단하는 것을 넘어 심각한 병이 걸리기 전 '예방'단계의 위험까지도 미리 진단 · 관리 해당 산업군(Medical AI Software) 은 일반적인 시장 전략, 마케팅적 관점을 넘어 관련 제도, eco-system 및 기술적인 이해를 종합적으로 필요로 하는 시장으로, 미래 전도 유망한 4차/융합 산업으로 불리지만 의학, 공학, 경영 측면에서 함께 조율하고 고민해 나가야 하는 시장기술스택 2. 기업협업 기간 2023..

1. 프로그래밍 패러다임(programming paradigm) 이란? 특정 관점과 접근 방식에 따른 개발자의 코딩방식 여기에서 패러다임(paradigm)의 사전적 정의는 다음과 같다 한 시대의 사람들의 견해나 사고를 근본적으로 규정하고 있는 인식의 체계. 또는, 사물에 대한 이론적인 틀이나 체계. 순화어는 '틀' "천동설과 지동설은 서로 다른 시대의 패러다임의 산물이다" 정의 출처 : Oxford Languages 이를 프로그래밍으로 적용해보자 개발자는 프로그래밍과 관련된 이론적 체계 혹은 틀에 따라서 '어떻게 프로그래밍을 할 것인가' 스스로 질문을 던지고, 특정 관점과 방식을 바탕으로 '프로그래밍'을 하는 것으로 적용할 수 있다. 2. 프로그래밍 패러다임의 변화 통상적으로 프로그래밍 패러다임은 3가지..

1. 디자인 패턴이란? 디자인 패턴은 소프트웨어 디자인, 설계 과정에서 자주 발생하는 문제들에 대한 전형적인 해결책. 이는 코드에서 반복되는 디자인 문제들을 해결하기 위해 맞춤화할 수 있는 미리 만들어진 청사진과 비슷하다. 표준화된 라이브러리들이나 함수들을 코드에 복사해 사용하는 것 (backend에서도 라이브러리 개념은 무엇이 있을까? 같은 라이브러리라고 부르나? ) 처럼 패턴들을 붙여넣기식으로 사용할 수 없다. 패턴은 재사용할 수 있는 코드 조각이 아니라 특정 문제를 해결하는 방식을 알려주는 일반적인 개념이다. 패턴의 세부 개념들을 적용하여 프로그램에 맞는 해결책을 구현할 수 있다. 패턴은 알고리즘과 자주 혼동된다. 왜냐하면 두 개념 모두 알려진 문제에 대한 일반적인 해결책을 설명하기 때문이다. 알고..

나머지 연산자(%) 나머지 연산자(%)는 왼쪽 피연산자를 오른쪽 피연산자로 나눴을 때의 나머지를 구한다. 부호는 항상 왼쪽 피연산자의 부호를 따른다. 예시를 통해 알아보자 console.log(13 % 5); // Expected output: 3 console.log(-13 % 5); // Expected output: -3 console.log(4 % 2); // Expected output: 0 console.log(-4 % 2); // Expected output: -0