본문 바로가기

전체 글312

[React]React와 JSX. 개요 리액트의 경우 기본적으로 jsx라는 자바스크립트 확장 문법을 사용한다. 물론 해당 문법을 사용하지 않아도 사용가능하긴하지만 리액트가 가진 편리함이 많이 줄어든다. 기본적으로 jsx문법을 활용하기 위해서는 babel이나 tsc같은 트랜스파일러를 필요로 하는데 그렇게 치환 할 경우 React.createElements 등의 함수를 호출하는 코드로 트랜스 파일링 된다. 그리고 createElements는 일정한 구조의 객체를 반환한다. 해당 부분에 대한 간단한 흐름을 코드를 통해서 살펴보자. JSX 본래라면 트랜스파일러 내부를 어느 정도 들여다보아야 정확한 이해가 가능하지만 그럴 경우 관심사가 분산되니 해당 부분은 생략하겠다. 리액트의 바벨 jsx 런타임 관련 코드는 react패키지의 src폴더 내의 j.. 2022. 4. 14.
보편타당한 결론 경험은 상당히 유용하고 중요하다. 다만 경험의 토대로 이론적인 즉 원리가 존재하지 않는다면 해당 경험은 보편 타당하다고 볼 수 없다. 경험상 해당 부분이 필요한 점이 많았기에 그렇게 한다. 라는 것은 해당 체계와 환경에서는 통용 될지 몰라도 다른 환경과 체계에서는 유의미한 판단의 근거가 되지 않는다. 그렇기에 경험적 근거는 늘 변화하는 상황에 맞는 새로운 근거를 찾아야한다. 이것이 해당 부분에 대한 원리적인 접근이나 설계가 필요한 이유이다. 보편타당한 또는 최소한도로 어느 상황에서나 적절한 판단 근거 역할을 할 수 있는 무언가가 되기 위해서는 단순히 경험적인 부분에서 끝날게 아니라 해당 경험적인 근거들을 추상화 시켜서 판단 할 수 있는 원리 체계를 만들어야한다. 만약 그것을 할 수 없다면 사실 그건 겉으.. 2022. 4. 12.
토스 프론트엔드 기술면접 후기 참 여러번 지원해봤고 번번히 서류 탈락의 고배를 마셨던 회사다. 이번에 프로그래머스 프론트엔드 데브매칭을 통해서 지원한 것이 우연찮게 데브매칭 -> 사전과제 -> 1차인터뷰 -> 2차 인터뷰로 순으로 전형이 진행 되었는데 1차 인터뷰까지 보고 탈락했다. 과제는 그렇다 쳐도 인터뷰까지 들어가서 내가 궁금해 했던 내용들에 대한 충분한 답을 얻었기에 이제 토스에 대한 관심은 거둬도 될거같다. https://www.youtube.com/watch?v=LmLchZ4tCXc&t=1844s 토스에 관심 가진 계기 1. 3명으로 예정된 인터뷰어가 2명으로 변경됨. 2. 면접 시작시 기존의 지원 내역(서류탈락 다수)을 언급함. 3. 질문의 답변을 얻으려는 태도가 아니라 웃으면서 그냥 하고 싶은말이나 해보라고 함. 이렇듯.. 2022. 4. 12.
리액트 1. dom을 직접 접근하는 경우는 어떤 이점을 가져서 그럴까? 2. 라이프 사이클의 주기를 좀 더 세분화 하는 장점은? 3. 경험적 근거 이상의 보편화된 이론에 필요한 것? 4. ux를 공식으로 치환 할 수 있을까? 5. view에 특화된 개발 방법론이란? 6. 리액트의 한계? 7. ui/ux의 지향점? 2022. 4. 11.

티스토리툴바