pre-onboarding-fe

첫번째 과제는 위의 API를 통해 각 나라의 통화를 환전해서 보여주는 프로그램이였다.두개의 기업 과제가 하나씩 있어서 팀원들과 2명씩 나뉘어 져서 '짝 프로그래밍'으로 진행했다.팀을 룰렛으로 뽑고, 과제도 룰렛으로 뽑았다 🤣내가 배정받은 기업 과제는 '2번 레드브릭'

월요일, 목요일 새로운 과제 (2~3일 구현 / 제출)화요일 밤새고, 토요일 밤샌다일요일에 쉬어야 한다..특정 수업과 과제랑 연결되지 않는다수업보다는 → 과제 / 협업 위주로 집중을 해야함타입스크립트, 리덕스 ?? 수업을 한다 ⇒ 과제도 그런 트렌드에 맞춰서 진행 예정

💫 1주차(월) 과제 리뷰 .gitignore 처리는 기본중에 기본 ‼️ 제출하는 notion 링크의 private 유무 체크하기 ‼️ validation 기능 요구사항 꼼꼼하게 읽고 다시 구현하기 소수점이 있는 숫자도 Number ! ⇒ . 도 입

휘향찬란, 새로운 문법 보다는 누구나 , 미래의 나, 동료 가 한 눈에 흐름을 파악할 수 있는 코드의미있고 발음하기 쉬운 변수 이름을 사용하세요동일한 유형의 변수에 동일한 어휘를 사용하세요함수 인자는 2개 이하가 이상적입니다a. 특히 utils 함수에서 인자가 2개

사실 JS나 React에서 성능 최적화를 해도 크게 개선되기는 힘들다고 합니다.하지만 성능을 고려하지 않고 프로젝트가 커지다 보면 사이트가 느려지는 순간이 올 수 있습니다.미리미리 준비해서 미래를 대비해보겠습니다 😎 성능을 최적화하기 위한 코드는 가독성이 좋지

컴포넌트간 구별을 위한 inline style (border) 등만 하기개발후 pull request 날리기옵션) input validation 체크 (?)아무리 css 안본다고 해도 그래도 봐줄만 한게 리팩토링보다 우선이라 생각합니다.과연 리팩토링 할 수있을까요 ..

이번 과제는 '필터링을 통해 원하는 카드 컴포넌트만 노출하는 기능이 핵심인 웹사이트'를 만드는 것이였다.기업 A의 실제 기획서를 받았고 현업에서 실제 사용한 것을 보이는 Figma주소를 받았다.지난번의 과제보다는 분량이 확실히 적어서 상대적으로 마음이 편하게 시작할 수

코드가 지저분해도 구현은 해야 한다라이브러리를 써서라도 구현은 해야 한다결론부터 말하자면 “안 쓸 이유가 없다.”브라우저에서 default로 여러 기능을 제공한다 required, enter 누르면 submit의미있는 페이지를 만들기 위해서 시맨틱하게 하는 것도 이유가

이번 과제는 '요구사항을 바탕으로 메신저' 을 만드는 것이였다.이번에는 따로 주어진 디자인, 이미지가 없어서 기업의 서비스를 이용하면서 참고를 했다.2주차(목) 수업시간에 배운 Redux의 활용을 목표로 하였다.기능은 크게 prompt를 활용한 로그인, 답장(템플릿),

예시: 여백, 체크박스 네모의 크기, cursor:pointortype 정하기, api 정하기 ⇒ 무조건 팀원과 같이 해야함, 커뮤니케이션 강조https://github.com/Free-Onboarding-team4/estimate-board ⇒ 리드미 참고

이번 과제는 '요구사항을 바탕으로 메신저' 을 만드는 것이였다.이번에는 따로 주어진 디자인, 이미지가 없어서 기업의 서비스를 이용하면서 참고를 했다.2주차(목) 수업시간에 배운 Redux의 활용을 목표로 하였다.기능은 크게 prompt를 활용한 로그인, 답장(템플릿),

요구사항 꼼꼼히 읽기 ⇒ 구현 ⇒ 검토파일 관리비슷한건 뭉치고, 나눌 수 있는 것은 나누기ex) user, message를 나눴으면 좋았을 텐데 🤔반응형break point는 모든 페이지에서 똑같아야 한다데스크탑, 테블릿, 모바일 ⇒ 보통 2개 (1024px, 768

이번 과제는 '브랜드의 intro 페이지'를 만드는 것이였다.특이 사항으로는 3주차(월) 수업시간에 배운 Next.js와 Typescript 활용을 해야 했다.(주관적인 의견으로 단일 페이지라 라우팅이 필요 없었고 Next.js의 장점을 느껴볼 수 없었다..👀)클론

파일이름 PascalCase, camelCase 구분 명확히Next 하면 고민 되는 것들pages 안에는 로직이 없는게 좋다 (물론 API는 어쩔 수 없다)아토믹 하게 만드는 조건디자이너가 이미 ‘폴더 구조’를 알고 작은 단위로 디자인을 해줬을때 하면 좋음참고로 예리님

JavaScript 코드가 실행되고 있는 컨텍스트(환경)를 제공하는 객체실행컨텍스트는 실행할 코드에 제공할 환경 정보들을(변수 정보들) 모아놓는다.함수를 실행할 때마다, 그 함수에 대한 새로운 실행 컨텍스트를 생성하여 자신만의 고유한 컨텐스트에서 실행된다.함수 각각마다