Trainings
-
2차 프로젝트 회고록Trainings/clone project 2020. 6. 22. 15:33
1. 프로젝트 소개 원티드 - 지인 추천하고 보상금 받기 8,000개 기업, 150만 회원. 국내기업부터 글로벌기업까지, 지금 원티드에서 지원하세요. www.wanted.co.kr 1차 프로젝트 리모아가 끝이 나고, 2차 프로젝트로 "원티드"라는 사이트를 클론 하게 되었다. 원티드는 ‘지인을 추천해 채용되면 채용된 사람과 추천한 사람 모두에게 보상금을 주는 곳’으로 알려진 원티드는 채용 추천 플랫폼이다. 이 원티드는 내가 낸 아이디어였고, 다행히도 투표를 많이 받아서 진행하게 되었다. 2. 사용된 기술 - HTML / CSS 및 Styled Component - JavaScript(ES6) - React(Hooks, styled component) 3. 내가 맡은 부분 및 역할 원티드 채용 상세 페이지 ..
-
1차 프로젝트 회고록Trainings/clone project 2020. 6. 6. 17:45
1. 프로젝트 소개 https://www.rimowa.com/kr/ko/unique 리모와 유니크 러기지 고객 맞춤 제작을 소개합니다 | 리모와 리모와 유니크를 소개합니다 - 당신의 여행만큼 특별한 맞춤 러기지를 만드는 새로운 방법. 리모와 공식 웹사이트에서 확인하세요. www.rimowa.com 프로젝트를 하기 일주일 전에 각각 1명씩 사이트를 추천하는 시간이 있었다. 그때 리모와라는 사이트를 이번 처음 알게 되었고, 사이트를 처음 봤을 때부터 엄청 이쁘다고 생각을 했지만 설마 되겠어라는 마음으로 투표만 해놓았다. 그러고 나서, 클론 프로젝트 사이트와 팀원이 공개되었을 때, 리 모아라는 곳에 내 이름이 있었고 프론트 3명, 백엔드 2명 총 5명이서 프로젝트를 진행하게 되었다. 싫지는 않았지만, 이걸 어..
-
데이터베이스Trainings/세션 정리 2020. 5. 27. 10:00
Database 란? - 데이터를 저장 및 보존하는 시스템 - Application에서는 데이터가 메모리 상에서 존재하지만, 해당 애플리케이션이 종료되면 메모리에 있던 데이터들은 다시 읽어 들일 수 없기 때문. - 데이터를 장기 기간 동안 저장 및 보존하기 위해 데이터 베이스를 사용하는 것. 관계형 데이터베이스(RDBMS, Relational DataBase Management System) - 이름 그대로, 관계형 데이터 모델에 기호를 둔 데이터베이스 시스템을 말한다. - 관계형 데이터란 데이터를 서로 상호 관련성을 가진 형태로 표현한 데이터를 말한다. 특징 - 모든 데이터들은 2차원 테이블(table)들로 표현된다. - 각각의 테이블은 칼럼(column)과 row(로우)로 구성된다. 컬럼(column..
-
git branch 정리Trainings/세션 정리 2020. 5. 23. 10:00
Branch 란? - 독립적으로 어떤 작업을 진행하기 위한 개념이다. - 필요에 의해 만들어지는 각각의 브랜치는 다른 브랜치의 영향을 받지 않기 때문에, 여러 작업을 동시에 진행할 수 있다. Branch를 쓰는 이유 - 소프트웨어를 개발할 때에 개발자들은 동일한 소스코드를 함께 공유하고 다루게 된다. - 어떤 개발자는 버그를 수정하기도 하고, 또 어떤 개발자는 새로운 기능을 만들어 내기도 한다. - 이럴 때 여러 개발자들이 동시에 다양한 작업을 할 수 있게 만들어 주기 때문에 사용한다. Branch 사용법 git branch : 옵션 없이 명령어를 실행하면, branch 리스트 및 현재 브랜치를 확인할 수 있다. git branch 브랜치 명 : 브랜치명으로 브랜치를 생성한다. git checkout 브..
-
HTTP 정리Trainings/세션 정리 2020. 5. 22. 10:00
HTTP란? HyperText Transfer Protocol의 약자이며, 하이퍼텍스트(HTML) 문서를 교환하기 위해 만들어진 protocol(통신 규약)이다. 어떨 때 사용하는가? 웹상에서 네트워크로 서버끼리 통신할 때 사용! 프론트앤드 서버와 클라이언트 간의 통신에 사용! 백앤드와 프론트앤드 서버 간의 통신에도 사용! HTTP 핵심 요소 HTTP 통신 방식 HTTP는 기본적으로 요청(request)/응답(response) 구조로 되어있고, 클라이언트가 HTTP request(요청)을 서버에 보내면 서버는 HTTP response(응답)을 보내는 구조이다. 클라이언트와 서버의 모든 통신이 요청과 응답으로 이루어진다. HTTP는 Stateless 이다. stateless란 말 그대로 state(상태)를..
-
Data Structure(자료구조) - Dictionary(Object)Trainings/세션 정리 2020. 5. 22. 10:00
Dictionary란? : key - value 형태의 값을 저장할 수 있는 자료구조를 말한다. JavaScript에서는 이를 Object(객체)라 부른다. ex) 이름 : '박보검' 이름은 박보검 등 실제 데이터 값과 데이터를 설명하는 key의 대응 관계를 표현할 때 유용하다. Dictionary의 특징 - Set과 마찬가지로 특정 순서대로 데이터를 리턴하지 않는다. - 수정(mutable)이 가능하다. - Key의 값은 중복될 수 없다. 만약, 중복된 key값이 있다면 먼저 있던 key와 value를 대체한다. Dictionary의 내부 구조 - Set와 비슷하게 Dictionary(Object) 활용 방법 1. 데이터가 주어지거나 딕셔너리의 내용이 고정되어 있는 경우 사용되는 방법 // dictio..
-
Data Structure(자료구조) - 자료구조 - SetTrainings/세션 정리 2020. 5. 21. 12:00
Set은 원래 ES6가 등장하기 이전에는 자바스크립트 자체는 set을 구현하고 있지 않았다. ES6가 등장하고 Set이라는 것이 나오고 set은 데이터 타입 중의 하나인데, 중복되는 값을 가지지 않는 값들의 리스트를 말한다. 대신 객체 형식으로 반환된다. 배열과 set의 차이점 배열보다 set이 더 빠르다. Set이란? Set은 array나 list처럼 순열 자료구조이며, 순서라는 개념 또한 존재하지 않는 순열 자료구조를 의미한다. Set의 특징 - 데이터를 비순차적으로 저장할 수 있는 순열 자료구조이다. - 삽입 순서대로 저장되지 않기 때문에 특정한 순서를 기대할 수 없다. - 동일한 값을 여러 번 삽입이 불가능하고, 만약 동일한 값이 중복 저장될 경우 하나의 값만 저장된다. set을 만들 때new S..
-
JavaScript의 반복문 종류Trainings/세션 정리 2020. 5. 16. 19:46
for 문 가장 대표적인 반복문은 for문이지만, for문을 이미 익숙해졌기 때문에 따로 정리하지 않는다. for문 이외에도 자주 쓰이는 반복문을 정리할 것이다. 1. for in 문 - 객체의 property에 루프를 실행한다. - 예제를 보면 idx에 배열의 값이 아닌 index가 담기는 것을 확인할 수 있다. 2. for of 문 - 배열에서의 값에 대한 루프를 실행하는 반복문이다. 3. forEach 문 - 함수의 parameter 값으로는 1. (value) -> 배열의 값 2. (value, index) -> 배열 값, 배열의 위치 3. (value, index, array) -> 배열 값, 배열의 위치, 배열 전체 , array를 쓰긴 하지만, 없어도 상관없다.