아.. 이 질문에 자신있게 답하기 위해서는 리액트 내부 동작원리와 상태값 변경, 렌더의 원리를 이해하고 있어야 할 것이다.일단, 처음 이 질문에 나는 상태값을 어떻게 바꾸느냐에 따라, 그리고 어떤 상황이냐에 따라 다르지 않겠느냐는 답을 얼렁뚱땅 했었다. 대충 맞는 말이

우리는 프로그램을 개발할 때 일일히 CPU 명령어를 입력하지는 않는다. 작성하기 편리하고 이해하기 쉬운 프로그래밍 언어를 사용해 프로그래밍하고, 그 후에 컴파일러라는 프로그램을 이용해 작성한 코드를 CPU가 실행할 수 있는 기계어 명령어로 번역한다.컴파일러는 복잡하고

Immediately Invoked Function Expressions. 함수 정의와 동시에 즉시 호출되는 즉시 실행 함수.즉시 실행 함수는 단 한 번만 호출이 되며, 다시 호출할 수 없다.이렇게 함수 리터럴로 작성해 사용할 수 있다.( )로 감싸주는 이유는 자바스크

사실 고백을 하자면, 4주 프로젝트를 진행하면서 useEffect에 대해서 잘 모르고 있었다. 클래스형 컴포넌트로 작성하던 2주 프로젝트에서 메소드를 바인딩해주고, 라이프사이클 메소드를 사용하는 것에 지쳐 리액트훅이 좋다고 한 말에 이끌려 무작정 리액트훅으로 코드를 작

스코프를 이해하기 위해서 컴퓨터가 동작하는 과정을 조금 알아볼 필요가 있다. 컴퓨터 동작 과정은 복잡하고 이를 정확히 알기 위해서는 컴퓨터 구조에 대해서 더 깊이 이해해야하지만, 우선은 스코프를 이해하는데 도움이 될 정도로만 아주아주 간단히만 요약정리해본다. 컴퓨터는

동일한 입력에 대해 항상 동일한 출력을 반환하는 함수외부상태에 영향을 미치는 side effect가 없는 함수 아래는 순수함수의 예시다.그리고 아래는 순수함수가 아닌 함수의 예시다.여기서 잠깐 헷갈릴 수 있는 예시!아래의 코드에서는 인자로 받은 객체에 아무 변화를 주지

나 포함 프론트엔드 3명, 백엔드 1명으로 팀을 구성해 2주간의 프로젝트를 진행했다. 기존에 짜여진 테스트케이스를 통과하거나 정해진 결과물을 만드는 것을 벗어나서 진짜로 내가 만들고싶은 어플리케이션, 웹서비스를 만드는 일이었다. 그동안에 프론트, 백엔드 모두를 조금씩

리액트로 컴포넌트 단위 개발을 하다보면, 유저의 인터랙션에 따라 변할 수 있는 부분 즉, State(상태)를 변경하고 관리하는 일이 매우 중요하다는 것을 알 수 있게 된다. 하지만 컴포넌트의 State와 props를 다루기 위한 과정에서 로직이 복잡하게 얽히는 경우가

React 이전까지는 자바스크립트와 DOM을 이용해 페이지 단위의 개발을 다뤘다면, 드디어 프론트엔드 라이브러리 리액트를 활용해 컴포넌트 단위의 개발을 접하게 되었다. 처음에는 페이지 단위와 컴포넌트 단위 개발의 차이점과 장단점이 와닿지 않았는데, ajax를 다루면서

<누워서 읽는 알고리즘>을 앉아서 읽는 중.. ! 눕고 싶다.전자도서관에서 대출해서 읽으니 정말 편하군.. 그런데 ui가 너무 심각하게 문제가 심해서 개선좀 됐으면 좋겠다. 거의 뭐 홈택스 수준과 맞먹는다. 또다시 종소세 신고의 5월이 찾아와 또다시 홈택스와 씨름

알고리즘 & 자료구조와 친해지기 위해 시작하는 시리즈 1일 1알고리즘 풀이 - 수도코드, 그림으로 표현해보기 시간복잡도 알고리즘 / 자료구조 관련 책 후기 -현재 조금씩 읽고 있는 책 1)헬로코딩: 그림으로 개념을 이해하는 알고리즘|한빛미디어 2)누워서 읽는 알고리즘

앞선 글에서 Ajax가 클라이언트-서버간의 통신을 비동기적으로 처리하는 웹 개발 기법이라고 정리했는데, 이번엔 본격 비동기 처리가 뭔지에 대해서 작성해보려고 한다.비동기식 처리 모델(Asynchronous processing model 또는 Non-Blocking pr

Ajax(Asynchronous JavaScript And XML) 예전에는 웹페이지에서 뭔가를 클릭하면 페이지 전환을 위해 전체 페이지 전부를 재로딩해야 했다. 과거의 네이버 페이지에서 클릭시 화면이 껌뻑 거리던게 그 때문이다. 이런 걸 Static Web Page(

HTTP란? HyperText Transfer Protocol : html과 같은 하이퍼미디어 문서를 전송하기 위한 Application Layer(7응용계층) 프로토콜 중 하나이다. 웹 브라우저와 웹 서버간의 통신을 위해 디자인되었다. HTTP는 무상태 프로토콜

이번주 한 주동안 정말 정신없게 새로운 것들을 배웠다. 단지 코드 로직을 어떻게 만드는지에 대한 연습? 보다는 클라이언트/서버에 대한 전반적인 개념들을 접했다. 정말 정신 없었다. 충분히 소화해내지 못한 것 같은데 계속해서 새로운 용어, 개념들이 튀어나와서 머리가 지끈

Prototype 프로토타입 자바스크립트는 다른 클래스 기반 객체 지향 언어와는 달리 프로토타입 기반 객체 지향 언어(prototype based language)라고 불린다. 그리고 자바스크립트에서 프로토타입이란 단어의 뜻 그대로 '원형', 즉 원형 객체라는 의미다

제일 처음 자바스크립트 객체 개념을 배울 때 객체의 속성에 접근, 추가, 삭제하는 방법을 익혔었다. 근데 왜 자꾸 헷갈리는 것인지 내 자신이 답답해서 아 제발 이제 그만 헷갈려라. 하면서 맨날 MDN에서 검색하고 아, 이거였지 하고 나중에 또 헷갈려해서 오늘 진짜 그만

이미 수많은 블로그, 서적, 유튜브에 OOP에 대한 설명과 견해들이 넘쳐나는 것 같다. 그래도 OOP란 무엇인지, 어떤 특징이있는지 내 나름대로 정리를 해보는 건 중요할 것 같다.OOP(객체 지향 프로그래밍)은 컴퓨터 프로그래밍의 패러다임 중 하나다. 즉, '프로그래밍

그동안에는 업스트림 레파지토리를 나의 리모트 레파지토리로 포크, 로컬로 클론해서 코드를 작성하고, git add, git commit, git push로 다시 리모트 레파지토리로 올린 후 PR로 마무리하는 과정을 거쳤었다. 컴퓨터 파일의 변경사항을 추적하고 여러 명의

개발도구 및 프로그램 설치, 제거, 업그레이드를 자동화하는 소프트웨어 도구들의 모임.터미널을 열어 cli로 설치한다. Homebrew 사이트에서 설치 스크립트를 복사해주기만 하면된다. 이때 'ctrl + c 키'를 이용해 작업을 취소(강제 종료)해 사용자 입력을 다시