공부 정리 (39) 썸네일형 리스트형 23.11.05: 웹과 네트워크 - TCP/IP 프로토콜 HTTP란? 웹은 HTTP로 나타납니다. 우리가(Client가) 웹 브라우저의 주소창에 URL을 입력하여 어디론가 요청을 보내면, 응답이 돌아와서 우리가 요청한 웹 페이지가 보여집니다. 이때 HTTP를 통해서 HTML과 같은 리소스들을 가져오는데요. HTTP는 클라이언트와 서버 간의 프로토콜입니다. Protocol the system of rules and acceptable behavior that people or organiztions should follw in official situations for example when they have formal discussions. 출처: Cambridge Dictionary 프로토콜의 정의를 살펴보면 사람들, 기관들 사이에서 공식적으로 협의된 어떠.. 23.08.23 : React Native - FlatList로 Infinite Scroll 구현하기 안녕하세요 FE 개발자 노은지입니다. React Native로 어플리케이션을 만들때, 효율적으로 List를 렌더링 할 수 있는 RN의 내장 컴포넌트인 FlatList에 대해서 알아보고, 무한 스크롤을 적용하는 방법을 공부 해보았습니다. FlatList 기본적인 리스트를 렌더링을 하기 위하여 편리한 여러 기능을 지원하는 고성능 인터페이스로 다음과 같은 기능을 제공합니다. 1. Fully cross-platform 웹, 모바일(iOS 및 Android)등 여러 플랫폼에서 완벽하게 작동 2. Optional horizontal mode horizontal prop 이용해 수평 스크롤 모드 지원 3. Configurable viewability callbacks onEndReached, onEndReachedT.. 23.07.12: React, 관심사 분리 탐구 안녕하세요, FE 개발자 노은지입니다. 얼마 전, Table 안에 있는 TableToolbar 공통 컴포넌트를 수정하는 이슈를 진행하고 코드 리뷰를 하면서 팀의 시니어 개발자분께서 코멘트를 달아주셨습니다. 수정 전 TableToolbar의 모습은 아래와 같았습니다. 키워드를 이용해 table 내의 정보를 검색하고, table 내에서 사용자가 선택한 row가 몇 개인지 search input 우측에 표시되도록 하며, 우측 끝에 tool 들이 배치되도록 구성되어 있는데요. 새롭게 요구된 디자인은 아래와 같습니다. 1줄이었던 TableToolbar가 2줄로 표현이 되는 스타일 변경이 있었습니다. 특수한 페이지에서만 변경된 디자인이 적용 되도록 해야 했고, 선택된 row의 개수를 표시하는 UI가 조건부로 렌더링.. 23.06.19: ‘쉽게 시작하는 타입스크립트’ 베타리딩 후기! 안녕하세요, FE 주니어 개발자 노은지입니다. 😊 FE 개발자로서 필수 기술 스택 중 하나라고 하는 TypeScript를 저는 입사 이후에야 처음으로 사용해 보았는데요. 2주간의 신입사원 온보딩 후 실무에 투입되면서, JavaScript로만 개발을 하다가 실무에서 쓰는 복잡하게 설계된 타입들을 처음 보았을 때는 대체 이걸 다 어떻게 이해하지...? 싶었습니다. 특히 Omit, Record 같은 실무에서 자주 만나볼 수 있는 위와 같은 타입들을 처음 보고는 현기증이 그만 ^^... 입사 초기에는 예전에 작성된 코드들과 팀원 분들께 얻은 조언들로 방향을 잡아가며 issue들을 해결하긴 했지만, 시간이 지날수록 '이렇게 찍어먹기 식으로 배운 TypeScript를 과연 내가 어디 가서 자신있게 쓸 줄 안다고 할.. 23.04.09: Weekly I Learned <Fun English> Don’t Underestimate the Power of Self-Reflection Vocab Empathy: the ability to understand and share the feelings of another Thrive: to grow or develop well, to be successful or make steady progress Indispensable: absolutely necessary, essential Competency: the ability to do something successfully or efficiently Mediocre: of only average quality, not very good Contemplate: to think about somethin.. 23.03.25: Weekly I Learned <Fun English> 9 Productivity Tips from People Who Write About Productivity Round-the-clock work schedules: Working around the clock, 24/7. Barrage: A large amount of something that is difficult to deal with. Insights: Understanding or knowledge gained from analyzing information. Overarching: Including or influencing all parts of something. Intuitively: Based on feeling rather than conscious reasoning. Conform.. 23.03.20: State, 슬기롭게 관리하기 https://tech.osci.kr/state/ State, 슬기롭게 관리 하기 - 오픈소스컨설팅 테크블로그 state의 개념에 대해 이해하고, state를 슬기롭게 관리 하기 위한 방법에 어떤 것들이 있는지, 왜 Client state와 Server state를 나누어 관리해야 하는지를 알아봅니다! tech.osci.kr 23.02.06: React, 깊이 파고들기 실무에서 React를 사용 하면서, 좀 더 깊이 있게 공부 해 보면 좋을 것 같아 주제를 선정하게 되었습니다. 왜 다들 React를 배우라고 하는 것인지, 어떤 점 때문에 이토록 널리 실무에서 사용 되어지고 있는지, Facebook팀은 왜 React를 개발 한건지 알아보고 React가 가진 특장점들은 무엇인지 알아보는 시간을 가져보았습니다. 링크: React, 깊이 파고들기 React, 깊이 파고들기 - 오픈소스컨설팅 테크블로그 Introduction 안녕하세요, 오픈소스 컨설팅의 Playce-Dev 팀 Front-end 개발자 노은지입니다. 저희 Playce-Dev 팀은 현재 React를 사용하여 Front-end 개발을 하고 있습니다. 여러 가지 Front-end development framewor.. 이전 1 2 3 4 5 다음
