전체 글 (38) 썸네일형 리스트형 2022/03/09 TIL 📝 React 오류 기록 1. 좋아요 하트 구현 중 에러 발생 좋아요 하트를 누르면 빨간색으로 변화 -> 다시 누르면 취소 되는 로직을 구현 하는 미션에서 좋아요 취소 부분 로직이 실행이 안됐다. className을 useState 주어서 상태값을 변경하고 싶었는데, 삼항연산자를 잘못 사용한 것 같은 느낌은 왔지만 어떻게 고쳐야 할지는 생각이 안났다. 그래서 살포시 송이님께 물어봤는데 송이님께서 잘못 작성한 문법을 집어내주셨다 ! ! 😭 2. 💡 해결 삼항연산자에서 조건값을 잘 못 주었던 것이었다 ! 다시 새로고침해서 확인해보니까 정상 작동했다 >_< ! 언제쯤 .. . .. 나의 사고력이 상승할까 . . 2022/03/08 TIL 📝 React 오류 기록 1. useState 를 이용하여 버튼 색 바꾸는 로직 구현 중 에러발생 2. 문제해결 handleIdInput과 handlePwInput 함수의 리턴값을 가지고 삼항연산자를 만들려고 했었는데, 이렇게 하면 handleIdInput과 handlePwInput 안에 있던 event.target을 불러오지 못하는 애러가 생긴다. 해결방법을 못찾던 도중에 useEffect 세션을 듣고 두 함수가 아닌 벨류값 자체을 가지고 삼항연산자 로직을 짜야했던건가..? 싶었다. 세션을 듣고나서 useEffect를 이용하여 버튼 색과 활성화를 구현했지만 확인하고 싶어서 새로 폴더를 만들어서 작성해보았다. 정상적으로 구현되었다 ! 이제야 useState , useEffect 조오오금 감을 잡은것 같다.. 2022/03/07 TIL 📝 React 오류 기록 1. 타입에러 ID input 창과 PW input 창에 입력되는 value 받아오는 것을 구현하는 과정에서 다음과 같은 타입에러가 발생했다. --> 내가 작성한 코드 --> target을 받아오지 못하는(?) 에러가 떠서 곰곰히 생각해보니, onchange에서 event를 받아오지 않고 선언만 해두었던 것을 알게 됐다. 2. 해결 다음과 같이, event를 받아오는 콜백함수로 만들어둔 뒤, 확인을 위하여 콘솔에 찍어보았다. 정상적으로 ID input 에 입력한 값들이 출력 되었다. 😭 2022/03/04 TIL 📝 React 오류 기록 1. Manifest 오류 🔍 해결 index.html에서 주석처리해주면 되는 문제였다! 2. component rendering 오류 useState, useEffect 를 이용해서 json으로 된 데이터를 받아오는 컴포넌트를 만들던 중 이러한 오류가 떴다. 내가 key props 를 잘못 설정한 것 같았다..! 🤦♀️ 재준님의 리뷰세션을 듣고 내가 코드를 완전히 잘못 썼다는 것을 알게 됐다. 그리고 mockdata를 받아오는 것을 완전 이해 못하고 있던 것도 알게 됐다 ㅠㅠ 🔍 해결 이렇게 수정하고 npm start를 하니까 정상적으로 데이터를 받아올 수 있었다. 2022/02/26 TIL 오늘은 위코드 동기들과 함께 공부한 git 명령어들에 관해 간단하게 정리해보고자 한다. 게임을 통해 Git 명령어를 익혀봤는데, 감으로 넘어간지라 글로 한 번 정리를 해놔야 마음이 편할 것 같다. Learn Git Branching An interactive Git visualization tool to educate and challenge! learngitbranching.js.org 이 게임을 이용하여 branch 다루는 git 명령어 위주로 연습해 보았다! 게임을 끝까지 풀어보진 않았고, 메인에서는 코드 이리저리 옮기기, 원격에서는 push & pull 까지 했다. 1. Git 기본 $ git merge branchname //가지 친 branch의 commit 을 기존의 main 브랜치와 병합하.. 2022/02/25 TIL 🖇wecode Pre-course 2주차 수업을 인용하여 작성했습니다. 오늘은 본격적으로 React를 배우기 전 예습한 내용들을 간단한 개념정리를 해둘까 한다. 1. Why React ? 새로운 기술에 대해 학습할 때, 항상 이 기술이 왜 사용되는지 어떤 철학을 가지고 무슨 문제를 해결하기 위해 만들어졌는지를 이해하는 것이 중요하다고 한다. 그렇다면 왜 React가 생겼을까 ? 웹은 초기를 거쳐 3세대 웹까지 발전하게 되었다. 기술이 발전하는 이유는 그 시대에서 필요한 요구조건들와 해결해야 되는 문제들이 점차 복잡해지기 때문이다. 웹이 발전하면서 사용자들이 원하는 기능이 많아지고 그에 따라 처리해야 하는 interaction 이 늘어나게 되어 기존의 기술에서는 한계를 느끼게 되는데, 이로 인해 개발된 것.. 2022/02/24 TIL 🖇 wecode pre-course 2주차 글을 인용하여 작성하였습니다. 1. HTTP란 ? 💡 HTTP 란 HyperText Transfer Protocol 의 약자이다. - HyperText는 HTML(HyperText Markup Language)의 HyperText와 그 의미가 동일하다. HTML은 웹페이지를 만들기 위해서 웹브라우저 위에서 동작하는 언어를 말한다. - Transfer 는 사전적 의미로 '전송하다' 라는 뜻이다. '전송'은 보내는 주체와 받는 주체가 있다는 것이 특징이다. - protocol 은 '협약' , '통신 규약' 이라는 의미를 가진다. 물리적으로 떨어진 컴퓨터끼리 어떻게 HTML을 주고 받을 것인지 에 대한 약속이다. ➡️ 즉, HTTP 란 컴퓨터들끼리 HTML 파일을 주.. [CheckPoint] 23. 레이아웃의 모든 것 🖇 pre-course 1주차 1. position position 이란? CSS 에서의 position 속성은 html 코드와 상관없이 어느 곳에나 위치할 수 있게 해준다. position 속성에는 총 4개의 값이 존재한다. position: static; position: relative; position: absolute; position: fixed; 1. position: relative relative 값은 그 자체로 봤을 때에는 딱히 의미가 없다. 위치를 이동시켜주는 top, right, bottom, left 프로퍼티를 적용해주면 그 때부터 원래 위치에서 움직인다. 바꿔말하자면 top, right, bottom, left는 position 이라는 속성이 있어야 적용되는 속성값들이다 ! .c.. 이전 1 2 3 4 5 다음
