전체 글 (121) 썸네일형 리스트형 23.04.09: 1/4분기 회고, 나의 새해 다짐은 안녕한가? 저는 현재, Fun English라는 Club에 소속되어있습니다. Fun English는 Harvard Business Review(HBR)라는 매체를 이용한 스터디를 진행합니다. 이 모임을 통해 멤버들은 자유롭고 깊이 있는 대화를(영어로) 나눌 수 있습니다. 비즈니스 영어를 공부하는 것을 목적으로 두고 있지만 사실 저는 개인적인 이야기도 많이 진지하지만, 생각보다 딱딱한 분위기는 아닙니다. 모임장님이 Topic, Question list를 매주 준비해 사전에 공지 해 주시면 참석자들은 그에 대해 각자 고민과 생각을 정리하여 의견을 나누는 형식으로 진행이 되고 있습니다. 모임 전에 공부(과제)를 해야한다는 압박감이 있습니다만, 멤버들의 적극적인 참여를 이끌어내고 더 풍부한 대화 소재를 제공해 개인적으로.. 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.18: Weekly I learned <Fun English> I joined an English speaking club called 'Fun Enlgish' since early this year, as I satteled down in Korea and knew it's going to be hard to have a conversation in English with people anywhere, anytime like when I used to live in NZ. My vocab was getting worse and I was just repeating same sentence over and over when I spoke to one of my friends in NZ. It was one of my Todo in 2023 and today was .. 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.. 23.01.15: JavaScript - Array.from() Array.from() 메서드는 유사 배열 객체(array-like object)나 반복 가능한 객체(iterable object)를 얕게 복사해 새로운 Array 객체를 만듦. 구문 Array.from(arrayLike[, mapFn[, thisArg]]) 매개변수 arrayLike: 배열로 변환하고자 하는 유사배열 객체나 반복 가능한 객체 mapFn: 배열의 모든 요소에 대해 호출할 맵핑 함수 (optional) thisArg: mapFn 실행 시 this로 사용할 값 (optional) 반환 --> 새로운 Array. 인스턴스 Map 에서 배열 만들기 const m = new Map([[1, 2], [2, 4], [4, 8]]); Array.from(m) // [[1, 2], [2, 4], [4, .. 23.01.11: dependency array에는 언제, 뭘 넣어주어야 할까 (useEffect, useMemo, useCallback) React Hooks 중 useEffect, useCallback, useMemo를 사용하면서 언제 dependency array를 추가하고 또 어떤 것을 넣어주어야 할 지 어렴풋이 짐작은 하지만 확실하게 알고 있지 못한 것 같아 공부를 또 해야겠다 싶었습니다. 같은 내용을 몇 번을 쓰고 또 쓰는지 모르겠지만 이렇게 정리하다 보면 완전히 알게되는 날이 올 것이라는 믿음으루... 또 정리 해보겠습니다. 별코딩의 리액트 hooks 강의 예제 및 다른 블로그들의 예제들을 참고 하며 학습 및 정리한 내용입니다. 링크는 본문 하단에 있습니다. # useEffect useEffect는 컴포넌트가 화면에 첫 렌더링이 될 때(Mount), 다시 렌더링이 될 때(Update), 화면에서 사라질 때(Unmount) 특정 .. 23.01.10: React-hook-form 이용한 form 구현(React storybook, typescript) 구현 조건 1. styled 를 활용해 Wrapper 를 만들어주세요. (width: 500px, height: 700px, Wrapper border 속성을 통해서 구분을 주어야합니다.) 2. 사용자로부터 다음의 정보를 입력받을 예정입니다. (id, name, pwd, gender(M, F), email, phone, address, description) 3. description 은 선택 입력입니다. 하단에 체크박스를 클릭하면 descipriton 필드가 노출됩니다. 체크박스를 해제하면 안보입니다. 4. phone, email 은 각각의 형식에 맞게 입력을 받아야합니다. 나머지 필드는 반드시 입력해야 합니다. 5. 비밀번호는 확인을 통해서 입력한 비밀번호가 일치하는지 체크를 해야합니다. 6. 하단에.. 이전 1 2 3 4 5 ··· 16 다음 목록 더보기