fullfish

진행 변경점 여행을 1번만 갈것이 아니기에 trip 테이블을 따로 만들었고 accout 테이블과 diary 테이블을 user 아래에 종속시켰던것을 trip 아래 종속시킴 왜냐하면 하나의 유저가 여러개의 여행을 가지고 하나의 여행이 여러개의 가계부와 일기를 가짐 추가한점 다 대 다 관계를 만들기위해 해쉬태그기능을 일기에 넣을예정 1개의 일기가 여러개의 해쉬태그를 가지면서 1개의 해쉬태그가 여러개의 일기를 가질 수 있음 diary와 hashtag 테이블은 diary_hashtag 테이블을 조인테이블로서 사용함 API 정리 : https://manseon.gitbook.io/api-docs/reference/api-reference/remebertrip RemeberTrip - API Docs http://w..

진행 우선은 간단하게 회원가입, 로그인, 로그아웃, 회원탈퇴 일기, 가계부 기능을 구상함 1명의 유저가 여러개의 가계부와 일기작성​

진행 팀명 : 유리파리(YuryPary) 프로젝트명 : remember-trip 팀장 git id : HyuminChoi1997 / Back-End 팀원 git id : full-fish / Back-End

동기 생명과학쪽 공부하는 친구가 척추세포의 데이터를 보내주면 정렬해줄 수 있냐고 부탁받음 친구가 원하는것 척추 이미지 1처럼 척추를 찍은 사진이 있는데 빛나는 세포들의 좌표를 마우스로 찍어서 데이터를 저장함 그런데 항상 같은 위치, 같은 크기로 찍은게 아니라서 사진의 크기와 회전각도가 제각각이므로 맞춰주면 좋겠다. 해야할 것 1. csv확장자의 파일을 읽어서 해당 데이터를 배열화 함 2. V를 원점으로 삼기위해 모든 점을 평행이동 함 3. V-D의 거리를 구하고 이것을 이용해서 회전한 각도인 Θ를 구함 4. Θ를 이용해서 모든 데이터를 회전 시킴 5. 크기가 다른 여러 사진의 데이터를 중첩시키기위해서 L과 D의 위치를 고정시키고 그 비율에 맞춰서 데이터 이동 6. csv형식으로 내보내기 완성 예시 (처음..

오늘의 키포인트 JSON(JavaScript Object Notation) 나의 이해 JSON : 객체 형태의 포멧. 호환성을 위한 약속 문법 및 중요 JSON.stringify(obj) : 객체를 문자열로 바꿈. stringify하는 과정을 직렬화(serialize)라고 함 JSON.parse(str) : 문자열을 객체로 바꿈. parse하는 과정을 역렬화(deserialize)라고 함 JS에서의 객체는 key를 따옴표 없이 사용 가능, 문자열을 작은 따옴표, 큰 따옴표 다 됐지만 JSON은 key와 문자열 둘다 큰 따옴표 써야함 JSON구조는 재귀 함수를 쓸 수 있는 Tree구조임 새로 안것 dom에서 hasChildNodes() 는 자식 노드 있는지 여부

오늘의 키포인트 재귀함수 나의 이해 재귀함수 : 재귀적인 함수. 함수가 본인을 호출 문법 및 중요 base case : 문제를 더 이상 못 쪼개는 재귀의 기초 head : 배열의 첫 요소 tail : head제외 반목분이 많이 중첩됐을때 효과적 ex) num까지 숫자의 합 function sum(num){ if(num === 0) return 0 return num + sum(num-1) }

오늘의 키포인트 Class 나의 이해 Class : js를 객체지향적으로 쓰기 위한 방법 문법 및 중요 절차 지향 프로그래밍 : 일반적으로 생각하는거 ex)편의점 문을 연다. 들어 간다. 물건을 집는다. 점원한테 준다. 돈을 지불한다..... 객체 지향 프로그래밍 : 점원한테는 계산과 같은 속성 및 메소드 존재, 소비자한테는 구매 같은 속성 및 메소드 존재 인간이 세상을 보는것과 유사. OOP(Object-oriented programming) 객체 지향 프로그래밍 : 데이터와 기능을 한 곳에 묶어 처리 속성, 메소드가 하나의 객체에 포함, 이는 js의 내장 타입인 object와 다르게 class로 부름 객체 지향은 메모리를 많이 먹으나 보기 편하고 재사용성이 좋음 메소드 호출때는 화살표 함수 안쓴다 l..

목~금 이틀에 걸쳐서 그동안 배운걸 종합한 웹페이지 관련 과제와 js문제 풀이 시험을 봤다 html, 리액트 이런 부분보다는 상대적으로 js에 자신이 있었는데 js는 시간이 남았지만 리액트는 다 통과하지 못했다 시험자체는 통과했지만 리액트쪽을 더 봐야겠다

오늘의 키포인트 리액트- Props, State 나의 이해 Props : 외부로부터 전달받은 값 // 바꾸기 힘든 값 State : 컴포넌트의 사용 중 컴포넌트 내부에서 변할 수 있는 값 // 내부에서 변화하는 값 변경되면 리렌더링됨 상위 컴포넌트도 문법 및 중요 ex) Props : 이름, 성별 // 바꾸기 힘든거 State : 나이, 주소, 취업 여부, 결혼 여부 Props 특징 컴포넌트의 속성(property) 의미 상위 컴포넌트로부터 전달받은 값 // 컴포넌트가 최초 렌더링 될때 화면에 초기값으로 사용가능 객체 형태 // 어떤 타입 값도 받기 위해서 읽기 전용 // 변경 막기 위해 React에서 속성 및 값 할당 // text라는 속성 선언 1번 방법 텍스트 할당해보기 // 이건 변수나 문자열 둘..

오늘의 키포인트 리액트 - SPA 나의 이해 SPA(Single Page Application) : 서버로부터 페이지의 모든 부분을 받아오지 않고 중복되는 부분을 제외한 필요한 부분만 받아 페이지 업데이트 문법 및 중요 spa 장점 : 사용자와의 interaction에 빠르게 , 서버 과부하 줄어듦, 전체 페이지 렌더링 안해도되서 더 나은 유저 경험 단점 : js파일이 큼 = 첫 로딩이 긺 (html파일은 거의 비었고 대부분 코드가 js에 들어있음), 검색 엔진 최적화(SEO)가 좋지 않음 (html에 정보가 별로 없어서 검색 로봇이 동작못함) wireframe : 디자인 전에 선을 이용해 윤곽선 잡는것 라우팅(Routing) : 주소에 따라 다른 화면 보이는거 React SPA에서 라우팅을 위해 Rea..