Jaypedia

CodeSquad🔹Day 72 Team Project 2일차 - Create React App & Styled Components 오늘은 코드스쿼드 센터를 2022년 들어서 처음으로 개방하는 날이었다. 화면으로만 접했던 코쿼 멤버들 그리고 크롱과 호눅스, 매니저인 클로이를 실물로 보니 신기하기도 했고 반가웠다. 비대면이 아니었을 시절에 코드스쿼드였다면 이 공간을 자주 왔겠지? 실물로 처음 만나면 어색할까 걱정했지만 다들 반갑게 인사하고 이야기를 나누었어서 그런 걱정은 금새 사라졌다. 햄디가 게더타운에 접속해서 제이미, 도톨, 포키에게 카메라를 켜고 센터 투어도 시켜주었다. 이렇게 즐거운 시간을 보내다가, 3시쯤부터는 백엔드인 동기, 준과 함께 자리에 앉아서 스크럼을 하고 개발을 진행하기 시작했다. 매번 ..

유연하고 재사용 가능한 UI 컴포넌트를 만들 수 있는 React를 스타일링하는 방법에는 여러 가지가 있다. 다양한 방법의 특징을 알아보면서 무엇을 선택할지에 대한 고민을 줄여보고자 포스팅을 해 본다. 1. import CSS file 가장 기본이 되는 방법으로는 Component로 CSS 파일을 바로 import 하는 방식이 있다. 간단하긴 하지만 단점이 존재한다. 어플리케이션의 규모가 클수록 컴포넌트가 많아지게 되는데, 그러면 css 파일을 관리하기 어려워지고 여러 컴포넌트에서 사용한 class name의 중복이 발생할 수 있다. 2. Styled Components * CSS-in-JS library (컴포넌트 파일 내에서 스타일을 지정하여 컴포넌트와 스타일을 한 파일 내에서 관리할 수 있게 됨) *..

CodeSquad🔹Day 71 Team Project 두 번째 팀 프로젝트의 막이 열렸다! 이번에는 무려 백엔드와 협업을 해야 하는 프로젝트이다. 프론트는 햄디와 함께 맡게 되어서 어색하지 않고 즐겁게 잘 해나갈 수 있을 것 같다. 백엔드 분들인 동기, 준과는 처음 만났지만 그래도 오전에 내가 어떤 식으로 팀 프로젝트를 해나갈지에 대한 준비를 하고 이야기를 하니 잘 받아들여 주셨다. 아무래도 백엔드와 협업하는 게 익숙하지 않을 것 같아서 10시 전에 미리 노션 페이지도 만들고, 다른 팀들이 한 것들을 보면서 준비를 해갔는데 정말 준비를 하길 잘했다 싶었다. 팀 프로젝트를 본격적으로 돌입하기 전에, 자기소개를 간략하게 하고 그라운드 룰을 정했다. 이번에는 회고를 꼼꼼하게 작성해서 Github Wiki에도 ..

1. Learned = Facts + Findings JavaScript Closure 토요일 3시에는 자바스크립트 Deep Dive 스터디가 있었고 이번 주제는 Closure였다. 꽤나 어려운 주제인만큼 오전, 오후엔 클로저 공부를 위주로 했다. 이번엔 칸과 매칭이 되었고 1시간 동안 번갈아가면서 문제를 냈다. 그 후에는 다시 모여서 클로저의 메모리 문제 관련해서 토론을 하고 마쳤다. React 만우절에 샀던 React 강의를 들으면서 기초를 다져보았다. 아직 다 듣진 못했고 useRef, useEffect, useCallback, memo를 활용해서 최적화하는 것 등을 들었다. Algorithms 일요일 오후 9시에 게더타운에서 모여서 프로그래머스 알고리즘 3문제를 가지고 이야기 나눴다. 전력망을 둘..

CodeSquad🔹Day 70 Team Project & PR 오늘은 팀 프로젝트 마지막 날이자, 마지막 PR을 보내는 날이었다. 4시에는 조별로 데모와 발표가 있었다. 그리고 데모가 약 1시간 정도로 끝난 후에는 크롱의 전체 피드백이 있었다. 이에 대한 회고는 좀 시간을 투자해서 작성할 예정이다. 느낀 것과 배운 것이 정말 많고, 또 아쉬운 점도 있었다. 그런 것들을 조금씩 풀어서 써 볼 것이다. Algorithm 프로그래머스의 "전력망을 둘로 나누기" 문제를 재도전해보았다. 그런데 내가 접근을 아예 잘못 했다는 것을 깨달았고, BFS와 DFS를 더 알고 적용할 수 있어야겠다고 생각했다. 결국 내일 다시 도전해 볼 예정이다. Closure 내일 오후 3시에 자바스크립트 스터디가 있다. 이번 주 주제는 ..

1. 클로저는 무엇이며, 어떻게/왜 사용하나요? 참고 링크 💻 프론트엔드 면접 질문 - JS #1 이 글은 프론트엔드 직무 면접 질문과 관련된 Github 저장소 front-end-interview-handbook 번역본으로, 저장소에 Translations 폴더의 내용과 동일합니다. velog.io 클로저는 함수와 그 함수가 선언된 렉시컬 환경의 조합입니다. "Lexical"은 렉시컬 범위 지정이 변수가 사용 가능한 위치를 결정하기 위해 소스 코드 내에서 변수가 선언된 위치를 사용한다는 사실을 나타냅니다. 클로저는 외부 함수가 반환된 후에도 외부 함수의 변수 범위 체인에 접근할 수 있는 함수입니다. "함수가 선언된 렉시컬 환경"이 뭘까? Reference Master the JavaScript Inte..

CodeSquad🔹Day 69 Morning Algo & Algorithm 오늘은 프로그래머스의 레벨 2 문제인 오픈채팅방, 뉴스 클러스터링 문제의 풀이를 공유하고 설명하는 시간을 가졌다. 그리고 밤에는 '전력망을 둘로 나누기'라는 문제에 도전했는데 아직 해결하지 못했다. Team Project 오전에는 내가 어제 실수로 잘못 날린 PR을 머지했는데 이것을 복구할 수 있는 방법을 찾느라 시간을 많이 쏟았다. 도니에게도 물어보았지만 결국 이미 머지된 PR에서 리뷰를 받는 것으로 했다. 정말 진땀 나는 상황이었다. 팀 프로젝트인데 이런 실수를 하게 되어서 더 당황스러웠고 팀원인 호이에게 미안하기도 했다. 밤에 약간 잠결에 제대로 확인하지 않고 무심결에 버튼을 잘못 누른 게 화근이었다. 다음부터는 정말 이런 ..

Use 30-Second Sound Bites to Promote yourself and your Profession - Tayler Silfverduk 30-second sound bites are an amazing way to communicate your brand and skills. The Dietetic Profession is one that is slowly starting to gain more awareness nationally however, many people still don’t understand what dietetic professionals do and why the tayler.silfverduk.us 30-second sound bites are an amazing..

CodeSquad🔹Day 68 Class by Crong 오늘 오전에는 크롱의 수업이 있었다. 보안, 네트워크, oAuth등에 대해서 이야기를 했는데 나에게 너무 생소한 이야기였다. 한 번 들어서는 절대 안 되고 여러 번 반복해서 공부를 스스로 해야겠다. Team Project 오늘 오전 10시 스크럼인데, 아침 운동 인증을 하고 너무 피곤한 나머지 다시 눈을 좀 붙이다가 눈을 떠보니 10시였다. 컴퓨터가 완전히 부팅되는 데에도 시간이 좀 걸려서 10시가 좀 넘은 시간에 줌에 들어가게 되었다. 호이는 도비와 이야기하고 있었다. 도비도 팀원인 지미를 기다리고 있는 중이었다. 그래서 스크럼을 셋이서 하게 되었는데 이것도 재밌는 경험이었다. 크롱 수업 이후 오후에는 어제 각자 기능 개발을 하다가 충돌이 난 부..

CodeSquad🔹Day 67 Team Project 오늘은 컨디션이 정말 안좋고 피곤했다. 눈도 아프고, 머리가 잘 안 돌아가는 게 느껴졌다. 컨디션 관리를 제대로 못 했는데 호이의 배려로 오전은 쉴 수 있었다. 덕분에 오전 시간은 푹 잘 수 있었고, 푹 자고 나니 기운이 회복되어서 기능 구현에 매진할 수 있었다. 오늘은 카드를 추가하는 로직을 구현했다. fetch를 써서 그게 json server에도 반영될 수 있도록 하려고 했는데, 이 부분은 아직 구현하지 못했다. 제이미가 좀 도와줘서 어떻게 해결해나가야 할지에 대한 힌트만 잡았다. 지금은 새벽 2시 20분이라서 이만 자고 내일 마저 해결해야 한다. What I realized 새벽 2시쯤에는 게더타운에서 제이미, 칸, 올리버가 이야기하고 있길래 ..