Devlog [React.js] BullsAndCows 👶 init ver. 🚀추가할 것 tries 화면에 구현 (여태 기록 로그 남게) 주석남긴 부분(li로 map해서 / 배열형태로) count state 추가해서 10번안에 맞추게 do-while이나 while-if(){break} 쓰는게 좋을듯. count++ 위치 주의할것. 📝 tries 화면에 표시 🎨 result 📃 Details 🔨 문제점 이게 result값이 submit해서 바뀐 상... ReactDevlogDevlog [TIL + DevLog] 작가소개페이지 구현 2021/12/08 이게 얼마만에 css를 만지는거야..? 기능구현만 하다가 css만지려고하니까 머리가 지끈지끈하다. 특히 저 이미지의 해상도를 유지하면서 일정크기를 맞추는게 힘들었는데 이건 object-fit: cover을 주면 되더라!! 너무 신기했다. ㅎㅎ 미디어쿼리까지 같이 고민해서 했는데, 작가명,예명,작품,작품수의 크기를 상대단위로 처리하면 플렉스박스의 크기가 계속 들쭉날쭉해져서 스크린크기가 767 ... TILDevlogDevlog [TIL + DevLog] 여러가지 기능 구현 2021/12/12 오늘 한 것 ArtList 필터링 구현 작품리스트내에 필터링이란 컴포넌트를 만들고 작품리스트에서 필터링핸들링을 props로 내려줘서 바뀐 필터를 요청하게 해놨다. ArtList 좋아요 구현 처음엔 작품목록을 아트리스트 컴포넌트 안에서 바로 뿌려줬었는데 이러면 하트에 대한 상태가 따로따로 관리가 안되어서 작품 하나하나를 컴포넌트로 만들어서 뿌려줬다. ArtDetail 좋아요 구현 이 부분은 작... TILDevlogDevlog TIL 50- MVC (cmarket database) 3 tier architecture : Model , Controller , View 이 유닛의 스프린트에서는 쇼핑몰을 예제로 상품 정보와 주문자 관리, 그리고 주문 내역을 데이터베이스에 저장하고 불러오는 것과 MVC 패턴으로 코드를 작성하는 방법을 연습합니다. client 와 database는 직접적으로 소통 불가 ❗️ 그래서 중간에 server가 있다. 📌 스프린트 시작 전 필수 ✅ sc... DevlogDevlog Devlog Final 14일차 Redux-persist를 통한 로그인 상태 관리 최근 조금 메너리즘에 빠졌었다. 애매한 문제를 붙잡고 계속 추적하다보니 텐션이 자연스럽게 떨어졌었다. 오늘은 분위기를 바꾸려고 페어 프로그래밍 느낌으로 팀원이랑 같이 진행했다. 같이 진행하니까 작업 긴장감이 생겨서 많은 진전이 있었다. Redux를 쓰면 상속을 꼼꼼하게 안해줘도 되는게 너무 편하다. 로그인 상태를 컴포넌트에 한땀한땀 내려주면 얼마나 귀찮았을까? 코드가 깔끔해지고 개발 속도가 ... CODESTATESDevlogCODESTATES TIL 27 HA를 겨우(?) 통과하고, 이번주부터 Section2를 시작했다. 객체지향 프로그래밍 why??? ▶️ 사람이 쓰기 좋은, 보기 좋은 코드 만들기 위해 📌 객체에서 '속성(property)'이라는 용어는 키-값 쌍을 의미한다 ! class는 일종의 원형(original form)으로, 객체를 생성하기 위한 아이디어나 청사진(blueprint)이다. instance는 'class의 사례 (i... DevlogDevlog [TIL + DevLog] 아임포트 결제 데이터 보안 2021/12/14 오늘은 어떻게 프로젝트에 기여했나요? [Feat] 결제보안기능 구현 [Fix]소셜로그인 로그인시 이전페이지로 [Fix] kakao oauth 안되는 에러 해결 [Fix] 필터링시 페이지오류 수정 [Feat]카카오 상담기능 추가 [Fix] 어드민유저 페이지 수정 [Fix] 어드민작품등록 수정 [Fix] 로그인시 이전페이지로 가기, 로그아웃시 새로고침 [Feat]작품상세 품절버튼 추가 및 몇가지... 아임포트DevlogTILDevlog TIL 19,20 코드만 보고 application을 떠올릴 수 있게끔 하는 명시적인 React JavaScript 기본 문법을 활용하려면, JSX 내부에서 중괄호({}) 내에 JavaScript 표현식을 작성하면 된다. map 함수를 사용할 때는 반드시 "key" JSX 속성을 넣어야 한다. "key" JSX 속성을 넣지 않으면 리스트의 각 항목에 key를 넣어야 한다는 경고 표시됨. → 브라우저는 첫 화면... DevlogDevlog Final Project DevLog 3 1. 클래스형 컴포넌트 ➡️ 함수형 컴포넌트 소셜로그인 oauth 구현을 담당했다. Kakao 소셜로그인 과정에서, Section3 oauth 스프린트에서 했던 Github 로그인 부분을 참고해 백엔드와 소통하며 작성하는 중이다. 스프린트 클라이언트 부분은 클래스형으로 구현을 했었지만, 우리 프로젝트에서는 함수형 사용으로 정했기 때문에, 함수형으로 리팩토링 해봤다. 클래스형 함수형 구글링을 ... DevlogprojectDevlog
[React.js] BullsAndCows 👶 init ver. 🚀추가할 것 tries 화면에 구현 (여태 기록 로그 남게) 주석남긴 부분(li로 map해서 / 배열형태로) count state 추가해서 10번안에 맞추게 do-while이나 while-if(){break} 쓰는게 좋을듯. count++ 위치 주의할것. 📝 tries 화면에 표시 🎨 result 📃 Details 🔨 문제점 이게 result값이 submit해서 바뀐 상... ReactDevlogDevlog [TIL + DevLog] 작가소개페이지 구현 2021/12/08 이게 얼마만에 css를 만지는거야..? 기능구현만 하다가 css만지려고하니까 머리가 지끈지끈하다. 특히 저 이미지의 해상도를 유지하면서 일정크기를 맞추는게 힘들었는데 이건 object-fit: cover을 주면 되더라!! 너무 신기했다. ㅎㅎ 미디어쿼리까지 같이 고민해서 했는데, 작가명,예명,작품,작품수의 크기를 상대단위로 처리하면 플렉스박스의 크기가 계속 들쭉날쭉해져서 스크린크기가 767 ... TILDevlogDevlog [TIL + DevLog] 여러가지 기능 구현 2021/12/12 오늘 한 것 ArtList 필터링 구현 작품리스트내에 필터링이란 컴포넌트를 만들고 작품리스트에서 필터링핸들링을 props로 내려줘서 바뀐 필터를 요청하게 해놨다. ArtList 좋아요 구현 처음엔 작품목록을 아트리스트 컴포넌트 안에서 바로 뿌려줬었는데 이러면 하트에 대한 상태가 따로따로 관리가 안되어서 작품 하나하나를 컴포넌트로 만들어서 뿌려줬다. ArtDetail 좋아요 구현 이 부분은 작... TILDevlogDevlog TIL 50- MVC (cmarket database) 3 tier architecture : Model , Controller , View 이 유닛의 스프린트에서는 쇼핑몰을 예제로 상품 정보와 주문자 관리, 그리고 주문 내역을 데이터베이스에 저장하고 불러오는 것과 MVC 패턴으로 코드를 작성하는 방법을 연습합니다. client 와 database는 직접적으로 소통 불가 ❗️ 그래서 중간에 server가 있다. 📌 스프린트 시작 전 필수 ✅ sc... DevlogDevlog Devlog Final 14일차 Redux-persist를 통한 로그인 상태 관리 최근 조금 메너리즘에 빠졌었다. 애매한 문제를 붙잡고 계속 추적하다보니 텐션이 자연스럽게 떨어졌었다. 오늘은 분위기를 바꾸려고 페어 프로그래밍 느낌으로 팀원이랑 같이 진행했다. 같이 진행하니까 작업 긴장감이 생겨서 많은 진전이 있었다. Redux를 쓰면 상속을 꼼꼼하게 안해줘도 되는게 너무 편하다. 로그인 상태를 컴포넌트에 한땀한땀 내려주면 얼마나 귀찮았을까? 코드가 깔끔해지고 개발 속도가 ... CODESTATESDevlogCODESTATES TIL 27 HA를 겨우(?) 통과하고, 이번주부터 Section2를 시작했다. 객체지향 프로그래밍 why??? ▶️ 사람이 쓰기 좋은, 보기 좋은 코드 만들기 위해 📌 객체에서 '속성(property)'이라는 용어는 키-값 쌍을 의미한다 ! class는 일종의 원형(original form)으로, 객체를 생성하기 위한 아이디어나 청사진(blueprint)이다. instance는 'class의 사례 (i... DevlogDevlog [TIL + DevLog] 아임포트 결제 데이터 보안 2021/12/14 오늘은 어떻게 프로젝트에 기여했나요? [Feat] 결제보안기능 구현 [Fix]소셜로그인 로그인시 이전페이지로 [Fix] kakao oauth 안되는 에러 해결 [Fix] 필터링시 페이지오류 수정 [Feat]카카오 상담기능 추가 [Fix] 어드민유저 페이지 수정 [Fix] 어드민작품등록 수정 [Fix] 로그인시 이전페이지로 가기, 로그아웃시 새로고침 [Feat]작품상세 품절버튼 추가 및 몇가지... 아임포트DevlogTILDevlog TIL 19,20 코드만 보고 application을 떠올릴 수 있게끔 하는 명시적인 React JavaScript 기본 문법을 활용하려면, JSX 내부에서 중괄호({}) 내에 JavaScript 표현식을 작성하면 된다. map 함수를 사용할 때는 반드시 "key" JSX 속성을 넣어야 한다. "key" JSX 속성을 넣지 않으면 리스트의 각 항목에 key를 넣어야 한다는 경고 표시됨. → 브라우저는 첫 화면... DevlogDevlog Final Project DevLog 3 1. 클래스형 컴포넌트 ➡️ 함수형 컴포넌트 소셜로그인 oauth 구현을 담당했다. Kakao 소셜로그인 과정에서, Section3 oauth 스프린트에서 했던 Github 로그인 부분을 참고해 백엔드와 소통하며 작성하는 중이다. 스프린트 클라이언트 부분은 클래스형으로 구현을 했었지만, 우리 프로젝트에서는 함수형 사용으로 정했기 때문에, 함수형으로 리팩토링 해봤다. 클래스형 함수형 구글링을 ... DevlogprojectDevlog