104%

주변에서 다들 리액트가 빠르다, 좋다. 하는데 정확히 어떤 부분이 좋은건데? 라고 물어보면 명확한 답변을 하기가 어려웠습니다. 그래서 이번기회에 리액트가 왜 좋은거고 어떤 장점이 있는건지 정리해보겠습니다. 먼저, 리액트의 장점을 알기 위해서는 브라우저의 렌더링 과정을 살펴보아야 합니다. 브라우저 렌더링 과정 먼저 브라우저의 주소창에 https://medium.com 을 입력하면, 브라우저는 미디움 서버에 요청을 보내서 html을 받아옵니다. 그리고나서 html을 파싱하면서 DOM TREE를 만드는데, 태그로 css를 요청하는 구문을 만나면 마찬가지로 서버에서 css파일을 받아와서 파싱하여 CSSOM TREE를 만듭니다. 이렇게 만들어진 DOM TREE와 CSSOM TREE를 합쳐서 RENDER TREE를..

https://leetcode.com/problems/two-sum 불러오는 중입니다... Given an array of integers, return indices of the two numbers such that they add up to a specific target. You may assume that each input would have exactly one solution, and you may not use the same element twice. Example: Given nums = [2, 7, 11, 15], target = 9, Because nums[0] + nums[1] = 2 + 7 = 9, return [0, 1]. 배열이 주어지고 그 배열에서 두개의 정수의 합이 ta..

예외 처리가 빡센 문제였다. 문제 Java 예찬론자 김동규와 C++ 옹호가 김동혁은 서로 어떤 프로그래밍 언어가 최고인지 몇 시간동안 토론을 하곤 했다. 동규는 Java가 명확하고 에러가 적은 프로그램을 만든다고 주장했고, 동혁이는 Java는 프로그램이 느리고, 긴 소스 코드를 갖는 점과 제네릭 배열의 인스턴스화의 무능력을 비웃었다. 또, 김동규와 김동혁은 변수 이름을 짓는 방식도 서로 달랐다. Java에서는 변수의 이름이 여러 단어로 이루어져있을 때, 다음과 같은 방법으로 변수명을 짓는다. 첫 단어는 소문자로 쓰고, 다음 단어부터는 첫 문자만 대문자로 쓴다. 또, 모든 단어는 붙여쓴다. 따라서 Java의 변수명은 javaIdentifier, longAndMnemonicIdentifier, name, b..

http://2weeks.io/nuguya 2weeks.io 2weeks의 팀원들은 매일같이 반복되는 일상을 살아가는 직장인이에요 🙄 www.notion.so 정말 할게없어서 이것저것 검색해보던중 신기한 게임을 발견했다. 엄청 쉬울줄 알았는데 생각보다 맞추기 어려움.. 인물사진을 그냥 조금씩 잘라서 다시 붙였을 뿐인데 이렇게 알아보기 힘들줄이야 육성재 하나 겨우 맞췄다.. 총 열문제인데 1점 나올듯 ㅠㅠ 뷔까지 맞췄다!!! 겨우 3점 .. 다른 문제도 해봐야겠다. 이번엔 여자연예인 이게 무슨 김태리야.. 말도안돼 박보영 맞췄다!!! 뷔, 슈가, 제이홉, 정국, 진, 지민 ,RM(랩몬스터)중 누구의 얼굴일까요? http://2weeks.io/nuguya 누구야 - 인물 맞추기 게임 2weeks.io

babel polyfill 바벨을 사용하면 es6+ 문법을 es5로 바꿔준다. 근데 바벨 자체는 문법 변환기이다. 말그대로 es6문법의 텍스트를 es5문법의 텍스트로 글자만 변경해준다는것이다. 문법 자체 뿐만아니라 es6에서는 새로운 객체와 그 객체의 API들이 추가 되었다. (새로 추가된 전역 객체들(Promise, Map, Set) ) 이 API들은 구형 브라우저에서 인식하지못한다. 그래서 babel polyfill을 사용하는것이다. 이 polyfill은 브라우저에서 인식하지 못하는 API들을 추가해준다.(정확히는 프로토타입에) 즉 babel + babel polyfill을 같이 사용해야지 es6+ 문법을 es5문법으로 바꾼뒤 실행까지 가능해지는것이다. 바벨만 사용하면 Promise() 함수 자체를 ..

https://stackoverflow.com/questions/39990017/should-i-commit-the-yarn-lock-file-and-what-is-it-for Should I commit the yarn.lock file and what is it for? Yarn creates a yarn.lock file after you perform a yarn install. Should this be committed to the repository or ignored? What is it for? stackoverflow.com What is yarn.lock? It is a file that stores the exact dependency versions for your project ..

https://www.notion.so/simsimjae/0f630712f62543b9803489d5f07be7b0 아래 글들은 검색엔진 노출을 위한 글입니다. 노션에서 확인하시면 이미지와 함께 정리된 글을 보실수 있습니다. 궁금하신점은 블로그 댓글이나 노션 코멘트를 이용해주세요(@comment) 제가 직접 만든 프로젝트입니다. http://pickvs.com : 닥전닥후 수학에서의 참조 투명성 x = 2 + (3 * 4) //이 수식을 다음과 같이 변경해도 결과는 똑같다. x = 2 + 12 3 * 4 라는 식이 있고 그 식의 결과인 12가 있다. 식을 그 식의 결과로 모두 치환해도 문제가 없기 떄문에(3 * 4)의 수식은 참조에 투명하다고 할 수 있다. 프로그래밍에서의 참조 투명성 int add(in..

https://www.notion.so/simsimjae/20-d626d399dfb8464783565dbbc43c34b3 아래 글들은 검색엔진 노출을 위한 글입니다. 노션에서 확인하시면 이미지와 함께 정리된 글을 보실수 있습니다. 궁금하신점은 블로그 댓글이나 노션 코멘트를 이용해주세요(@comment) 제가 직접 만든 프로젝트입니다. http://pickvs.com : 닥전닥후 순수 함수의 조건 사이드 이펙트를 만들지 않아야 함. → 함수 외부의 상태를 변경해선 안된다. 항상 같은 인풋에 같은 결과를 내야함. → 상황에 따라 결과가 달라지면 안된다. 왜 순수함수를 사용해야 하는가? 1. 가독성 사이드 이펙트는 코드를 읽기 힘들게 만든다. 동일한 인풋임에도 불구하고 상황에 따라 결과가 달라질 수 있기 때문..