TIL

TIL

TIL

TIL

TIL

TIL

TIL

🎮 shooting-game

2048

사용자 인터페이스(UI; user interface) > 인터페이스는 컴퓨터와 교류하기 위한 연결고리입니다. 버튼도 없고, 마우스도 없던 시대의 개발자는 자신이 만든 애플리케이션과 소통하기 위해서 CLI를 사용했습니다. 키보드로 작성한 비밀 암호같은 코드를 적어서 엔터를 눌러야만 애플리케이션을 작동시킬 수 있었습니다. 직관적이고 쉬운 UI 제작은 프론트...

🗓 오늘 한 일 > 1. 계산기 목업 만들기 (페어분과) HYML 구조 css 스타일 🌈 회고 >1. 계산기 컨셉 화면 밝게 어둡게 애니메이션 효과 >2. 버튼 정렬 첫번째는 table tag로 이용헤 버튼을 만들기 > - 두번째, data-속성

🗓 오늘 한 일 > 1. CLI 기본 개념 및 사용법 apt / wget 설치 nvm & node.js 설치 npm & package.json 설치 Git 설치 ✏️ CLI(Command Line Interface)란 무엇인가? >CLI(Command Line Interface)는 명령어 인터페이스라고 하며 텍스트 터미널을 통해 사용자와 컴퓨터가 상호...

🗓 오늘 배운 내용원시자료형과 참조 자료형 구분 원시자

🗓 오늘 배운 내용 >1. ES6 문법 Jsvascript Koans spread 문법 주로 배열을 풀어서 인자로 전달하거나, 배열을 풀어서 각각의 요소로 넣을 때에 사용합니다. rest 문법 파라미터를 배열의 형태로 받아서 사용할 수 있습니다. 파라미터 개수가 가변적일 때 유용합니다. 1. 배열 합치기 ![](https://velog.velcdn...

📝 학습 목표

📍 Git 이란?

📚 Bare Minimum Requirement (최소 요구 사항)

1. 일급 객체

1. 객체 지향 프로그래밍이란? >

🌖 프로토타입이란?

🌖 동기와 비동기 의미

🌖자바스크립트 스케쥴링

🗓️오늘 배운 내용

🌖 filter

🌖props 를 통해 컴포넌트에게 값 전달하기 >이번에는 컴포넌트의 props 라는 개념에 대해서 알아보겠습니다. props 는 properties 의 줄임말입니다. 우리가 어떠한 값을 컴포넌트에게 전달해줘야 할 때, props 를 사용합니다. >1. Props는 Properties의 줄임말. Props는 상속하는 부모 컴포넌트로부터 자녀 컴포넌트에 데...

클라이언트 서버 아키텍처, 다른 말로는 2티어 아키텍처라고 불리는 설계 방식 리소스가 존재하는 곳과 리소스를 사용하는 앱을 분리시킨 것을 2티어 아키텍처 다른 말로는 클라이언트-서버-아키텍처 라고 부른다. 3티어 아키텍처 일반적으로 서버는 리소를 전달해 주는 역할만 담당합니다. 리소스를 저장하는 공간을 별도로 마련해 두는데 이 공간을 "데이...

🌖 REST API의 탄생 >REST는 Representational State Transfer라는 용어의 약자로서 2000년도에 로이 필딩 (Roy Fielding)의 박사학위 논문에서 최초로 소개되었습니다. 로이 필딩은 HTTP의 주요 저자 중 한 사람으로 그 당시 웹(HTTP) 설계의 우수성에 비해 제대로 사용되어지지 못하는 모습에 안타까워하며 웹의...

🌎컴포넌트 단위 개발 및 CSS-in-JS 방법론

리덕스란 ? >Redux is a predictable state container for JavaScript apps. 자바스크립트 애플리케이션을 위한 상태 관리 라이브러리 입니다. 그래서 Redux는 State을 관리하는 것 상태를 바로 변경하는 대신, 액션이라는 불리는 평범한 객체를 통해 일어날 변경을 명시. 그리고 각각의 액션이 전체 애플리케이...

🐬2주간의 pre-project 6 일차!! 로그인 페이지 헤더 회원가입 페이지 소셜회원 푸터 ⛔️ 에러 1) 깃 에러 => 협업이 처음이다보니 하루에 풀만 3-4번 받는다. 그래서인가 매일 에러 고치기.. 2)깃 에러 => 재사용하기 위해 인풋창와 버튼을 따로 빼놓은 폴더를 소통 오류로 삭제를 해서 브랜치 잃고 방법은 다시 클론해서 다시 커밋하...

🐬2주간의 pre-project 12 일차!! ✅ 로그인페이지 - 유효성검사 완료/ 페이지 접근제한 ✅ 회원가입페이지 - 유효성검사 ✅ 푸터 - 프론트/백엔드 깃헙 연동 ✅ 홈 - 이미지 로더 🚫 소셜회원가입 ⛔️ 에러 23/04/23 - 백엔드1 : 프론트1

1일차 팀확정 팀명 : 사이트 퀘스트 프론트 4 : 백엔드 3 (예상치 못한 프론트 인원추가!!! 뚜둥!!!) 기술스택 typescript style components react query recoil next.js 구성 메인 : 홈 페이지 회원 회원가입 페이지

2일차 디자인 구성 피그마 역할분담 홈 : 이혜나 회원가입/로그인/마이페이지 : 전준형 글 관련 : 최기랑 프로젝트 관련 : 신동민 와이어프레임 회의 사용자 요구 정의서 (오늘 저녁까지 백엔드께 전달) 깃플로우/ 이슈 / 브랜지 / Milestone (내일) 🌈 회고 전체 팀중 제일 빠르게 진행되고 있을 것이다. 하루만에 기획을 이어 오늘 하루만에...

3일차 gitflow (commit message, milestone, issue etc..) main color, theme, fontSize 회의 백앤드 : 내일 중으로 api 받을 수 있다는 점. 프론트 : 내일 중으로 코드 개발 통합 : 로고, 색깔, 요소 등

4일차 오전 10시 아침회의 : FE 오후 두시 통합회의 오후 5시 통합회의 오후 9시 멘토 회의 피드백 1) 채팅기능 - firebas / 데이터 보관( 브라우저 창 닫고 데이터 유지방법) 2) 사용자 요구정의서 요건 수정 (상/중/하 - 다시 배분) 3) 피그마 세분화 (태그 입력 / 이미지 입력 / 유저 등록 등..) 4) 커뮤니티 현황 - 백앤드(...

5일차 오전 10시 : FE 회의 오후 2시 : 통합 회의 오후 5시: 통합 회의 팀원 회의록 멘토피드백 사용자 요구 정의서 다시 상중하 배분 채팅기능 대신 쪽지 기능으로 대체 id || 전화번호 인증 방식 => 이메일 인증 방식 🌈 회고 어제 만든 헤더를 팀원들과 화면공유하면서 픽셀 조정 및 픽스하자고 조정하고 로고 이미지 사이즈 및 파비콘 사이즈...

6일차 (주말, 공휴일 제외) 오전 10시 회의 : pr 방식, 각자 맡은 페이지 진행도 보고 오전 2시 회의 : 화면 공유 백엔드분께 전달 팀원 피드백 헤더에 최신데이터가 필요한 것은 useRouter 방식으로 변경 최신데이터가 필요하지 않은 것은 href 할것 푸터 flex 수정 더미데이터를이용해 ul 프로젝트 카드 생성 ...

7일차

8일차

9일차

데모데이 2023/05/31 팀 명 : SIDE QUEST 프로젝트 명 : SIDE QUEST FE 팀원 : 신동민(팀장), 이혜나, 최기랑, 전준형 BE 팀원 : 이정철(팀장), 윤승현, 이동엽 배포 링크 : SIDE QUEST About SIDE QUEST :