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/12 오늘 한 것 ArtList 필터링 구현 작품리스트내에 필터링이란 컴포넌트를 만들고 작품리스트에서 필터링핸들링을 props로 내려줘서 바뀐 필터를 요청하게 해놨다. ArtList 좋아요 구현 처음엔 작품목록을 아트리스트 컴포넌트 안에서 바로 뿌려줬었는데 이러면 하트에 대한 상태가 따로따로 관리가 안되어서 작품 하나하나를 컴포넌트로 만들어서 뿌려줬다. ArtDetail 좋아요 구현 이 부분은 작... TILDevlogDevlog Devlog 7일차 입력 1초 기다리고 서버 요청 😤 이 날 이후로 손목보호를 위해서 왼손 마우스로 전향했다. 팀원들의 코드와 진행 상황을 봐주고 저녁부터는 이 부분을 중점적으로 진행했다. 특히 이 기능에 많은 시간을 썼다. 이 기능을 도입하면 불필요한 서버 중복 요청을 줄일 수 있다. 결론부터 이야기하면 useEffect 함수에 바로 async를 씌울 수 없다. 예를 들어 useEffect(async () => { 이런 코드는 안된다. 비동기... DevlogCODESTATESdeepdiveCODESTATES Devlog Final 14일차 Redux-persist를 통한 로그인 상태 관리 최근 조금 메너리즘에 빠졌었다. 애매한 문제를 붙잡고 계속 추적하다보니 텐션이 자연스럽게 떨어졌었다. 오늘은 분위기를 바꾸려고 페어 프로그래밍 느낌으로 팀원이랑 같이 진행했다. 같이 진행하니까 작업 긴장감이 생겨서 많은 진전이 있었다. Redux를 쓰면 상속을 꼼꼼하게 안해줘도 되는게 너무 편하다. 로그인 상태를 컴포넌트에 한땀한땀 내려주면 얼마나 귀찮았을까? 코드가 깔끔해지고 개발 속도가 ... CODESTATESDevlogCODESTATES [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 2주 프로젝트 다이어리 - 이미지 파일 업로드하고 preview 띄우기 (feat. AWS S3) 에 이어 새 피드 작성하기 페이지에서 이미지 파일을 유저가 업로드 할 수 있도록 하고, 이미지를 업로드하면 곧장 S3에 올라갈 수 있도록 하는 과정을 설명하려고 한다. 이를 구현하는 과정을 크게 [input 태그 커스텀] - [AWS SDK 연동] - [대체 이미지 설정] 단계로 나눌 수 있다. 먼저 클라이언트의 파일 업로드를 위해 <input type="file"> 태그를 활용한다. 브라우... awsprojectS3DevlogDevlog 09/13_Devlog Firebase TypeScript .ts와 .tsx의 차이점 .ts 는 순수 TypeScript 파일에 사용된다. .tsx 는 JSX가 포함된 파일에 사용된다. enum Enum은 추상화의 수단으로 사용된다. 만약 다음과 같은 언어 코드를 지정하는 변수를 string 타입으로 설정하면 범위가 너무 넓어진다. 이는 다음과 같이 여러 개의 상수를 두어 지정할 수 있다. 그러나 이렇게 일일히 선... DevlogDevlog
[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/12 오늘 한 것 ArtList 필터링 구현 작품리스트내에 필터링이란 컴포넌트를 만들고 작품리스트에서 필터링핸들링을 props로 내려줘서 바뀐 필터를 요청하게 해놨다. ArtList 좋아요 구현 처음엔 작품목록을 아트리스트 컴포넌트 안에서 바로 뿌려줬었는데 이러면 하트에 대한 상태가 따로따로 관리가 안되어서 작품 하나하나를 컴포넌트로 만들어서 뿌려줬다. ArtDetail 좋아요 구현 이 부분은 작... TILDevlogDevlog Devlog 7일차 입력 1초 기다리고 서버 요청 😤 이 날 이후로 손목보호를 위해서 왼손 마우스로 전향했다. 팀원들의 코드와 진행 상황을 봐주고 저녁부터는 이 부분을 중점적으로 진행했다. 특히 이 기능에 많은 시간을 썼다. 이 기능을 도입하면 불필요한 서버 중복 요청을 줄일 수 있다. 결론부터 이야기하면 useEffect 함수에 바로 async를 씌울 수 없다. 예를 들어 useEffect(async () => { 이런 코드는 안된다. 비동기... DevlogCODESTATESdeepdiveCODESTATES Devlog Final 14일차 Redux-persist를 통한 로그인 상태 관리 최근 조금 메너리즘에 빠졌었다. 애매한 문제를 붙잡고 계속 추적하다보니 텐션이 자연스럽게 떨어졌었다. 오늘은 분위기를 바꾸려고 페어 프로그래밍 느낌으로 팀원이랑 같이 진행했다. 같이 진행하니까 작업 긴장감이 생겨서 많은 진전이 있었다. Redux를 쓰면 상속을 꼼꼼하게 안해줘도 되는게 너무 편하다. 로그인 상태를 컴포넌트에 한땀한땀 내려주면 얼마나 귀찮았을까? 코드가 깔끔해지고 개발 속도가 ... CODESTATESDevlogCODESTATES [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 2주 프로젝트 다이어리 - 이미지 파일 업로드하고 preview 띄우기 (feat. AWS S3) 에 이어 새 피드 작성하기 페이지에서 이미지 파일을 유저가 업로드 할 수 있도록 하고, 이미지를 업로드하면 곧장 S3에 올라갈 수 있도록 하는 과정을 설명하려고 한다. 이를 구현하는 과정을 크게 [input 태그 커스텀] - [AWS SDK 연동] - [대체 이미지 설정] 단계로 나눌 수 있다. 먼저 클라이언트의 파일 업로드를 위해 <input type="file"> 태그를 활용한다. 브라우... awsprojectS3DevlogDevlog 09/13_Devlog Firebase TypeScript .ts와 .tsx의 차이점 .ts 는 순수 TypeScript 파일에 사용된다. .tsx 는 JSX가 포함된 파일에 사용된다. enum Enum은 추상화의 수단으로 사용된다. 만약 다음과 같은 언어 코드를 지정하는 변수를 string 타입으로 설정하면 범위가 너무 넓어진다. 이는 다음과 같이 여러 개의 상수를 두어 지정할 수 있다. 그러나 이렇게 일일히 선... DevlogDevlog