항해99

TIL 첫날..

열심히 파이썬 파일을 작성하고 실행하려는데 ? 이미 사용중인 포트라는 메세지가 뜬다.port=500n 으로 바꿔준다. 다른 아무 숫자로 바꿔도 될듯?그런데 내가 꼭 localhost:5000을 사용하고싶은 고집이 생긴다면 ..? 혹은 저렇게 아무 숫자나 입력했는데 해결

1. 문제 : show_bucket() 중 일부 GET 방식으로 db의 데이터(리스트)를 가져와서 index.html에 붙여주었다. 그리고 수정버튼을 만들어주었는데, **_리스트가 여러개가 되면 수정버튼 그 어떤걸 눌러도 동작한다. 즉, 항목마다 개별적으로 작동하지

로그인어렵다..

python, js를 활용한 CRUD 기본 템플릿 정리

: Git 사용하기, CRUD 기능 구현, Jinja2 템플릿으로 SSR, flask로 로그인 기능 구현: 구글링으로 생각보다 많은 걸 찾을 수 있다.: 토이프로젝트 2회 완료!: 프로그래밍 기초; Javascript 공부

명함 지갑을 만드는 회사에서 지갑의 크기를 정하려고 합니다. 다양한 모양과 크기의 명함들을 모두 수납할 수 있으면서, 작아서 들고 다니기 편한 지갑을 만들어야 합니다. 이러한 요건을 만족하는 지갑을 만들기 위해 디자인팀은 모든 명함의 가로 길이와 세로 길이를 조사했습니

문제

하지만 난 아직 reverse를 잘 몰라서 reverse 없이 풀어보고 싶었단말이지..수학적으로.. 수학을 못하지만..그렇다면 for문을 이용하면 되지 않을까? 그럼 항상 쓰던for (i=0;i<arr.length;i++ 에 +대신 -를 사용하면 되지 않나?시

10번째 날

오우야 배운게너무많다

클로저... 너.... 너무어렵다... 무슨말인진... 알겠는데.... 블로그에... 설명하기... 너무 어려운것...... 하지만..... 해냈어.....

arr.reduce() arr.fill() arr.splice() arr.filter() str.split()

2주차 Weekly I Learned

data type

데이터타입, 실행컨텍스트

this, 콜백함수

react린이의 리액트 첫날.. 넘모 어렵땅.. html에서 할수 있는걸 여기선 할수없엉.. 하지만 난 오늘도 해냈쥐.....후후...

JavaScript의 ES란?, ES5/ES6 문법 차이 ES 은 자바스크립트의 표준 규격을 의미한다. 해마다 업데이트 되는 javascript의 버전을 의미하여, 뒤에 붙는 연도는 그 표준규격이 업데이트된 해를 의미한다. 해마다 빠르게 바뀌는 이전 버전들과는 달리

justify-content, align-items, flex-direction order, align-self, flex-wrap, flex-flow, align-content

그리드 행 : row 그리드 열 : column grid-template-columns grid-template-rows grid-template : {grid-template-rows} / {grid-template-columns} grid-column-start

App.js 파일수정할 항목(카드)를 editForm이라는 State를 이용하여 빈 배열로 만든 후 수정할 내용을 가져와서 입력창이 중복되지 않도록한다.

so difficult

리덕스는 어렵다. update 기능 쉽지않다. 나는 바보야.

about Virtual DOM, props, state

event.target 과 event.currentTarget, 모달창 만드는 법

숫자에 콤마 찍히게 하는법 !??

useEffect

Router 에서 id별로 상세페이지 연결하기, react-router-dom, useParams

rest api

Promis, async/await

React 에서 리렌더링이 발생하는 조건 & 때렌더링 성능 최적화

axios 기본 사용법

react hooksReact에서 라이프사이클(생명주기) 란?컴포넌트는 각각 Mount → Update → Unmount 의 과정을 거침모든 컴포넌트에는 각각의 생명주기가 존재하고, 각 생명주기에 맞는 메서드들이 있다.생명주기 메서드는 컴포넌트가 브라우저상에 나타나고(

정신을 체리자. thunk 사용.

정규표현식은 어떻게 사용할까?

지옥에서온 문서관리자 git.. 이름 잘지었네...

thunk에 꽂혀 일반 리듀서를 쓰지않아 서버에 저장은 되지만 리렌더링을 할 수 없었던 나의 슬픈 여정....

비밀번호 중복확인

로그인 기능 구현하기. 유저 정보 쿠키에 저장하기.

이번 협업을 하며 느낀 점 (스스로 아쉬웠던 점/ 보완하고 싶은 점)

maxAge로 쿠키가 시간이 지나면 자동으로 삭제되게 하기

map is not a functionis not iterablenon-serializable 직렬화 할 수 있는 값은 일반적으로 다음과 같습니다.원시 타입(primitive types): 문자열(String), 숫자(Number), 불리언(Boolean), null,

Interceptor로 헤더에 토큰값 보내기

옵셔널 체이닝

의존성 배열에 서버에서 불러온 값을 넣을때

이번 협업을 하며 느낀 점 (스스로 아쉬웠던 점/ 보완하고 싶은 점)

formData로 이미지 보내기

fileReader : custom hook usePreview로 첨부한 이미지 파일 미리보기 구현

- 글 수정시에 이미지파일을 바꿔주지 않아도 수정하는 법 : 빈 블롭(타입 이미지)로 만들어서 보내주기

react 카카오 소셜로그인

카카오 로그인 후 쿠키 삭제 문제

찜하기 기능 좋아요 수 버그

tanstack query - mutation 사용하여 로그인기능 구현하기

children의 type

svg파일로 컴포넌트 만들기

react typescript 로 그림판 만들기

그림판에 팔레트 추가하기

별점매기기

canvas 에 그린 그림을 저장하여 formData로 전송하기

네이버 로그인 oauth

WIL - 협업 후기

WIL - 협업