👻내일배움캠프 - 스파르타코딩클럽/TlL 썸네일형 리스트형 240517 TIL 오늘 유효성 검사에 대해 정리해 보려고 한다. 어제 다른 분들 한 과제를 보면서 제목과 내용이 입력이 안되면 alert창이 뜨게 하는 것 ("제목과 내용이 입력되지 않았습니다. 제목과 내용을 입력해 주세요!")을 설정해 두셨다.나는 그냥 제목과 내용을 입력하면 그냥 제출만 되게 해 놨는데ㅠ 코딩과 react 공부하면서 용어에 대해 많이 알게 된다. 유효성 검사를 간과하고 흐름대로 코딩하는 습관을 고쳐야겠다. ai 의지하지 않고 코딩 직접해보는 연습도 하고.. 챗 GPT에서 말한 유효성 검사의 의미 유효성 검사(Validation)란 데이터나 입력값이 특정 기준이나 규칙에 따라 유효한지 여부를 확인하는 과정입니다. 주로 소프트웨어 개발, 데이터 처리, 웹 개발 등 다양한 분야에서 사용됩니다. 유효성.. 더보기 240516 TIL 오늘은 과제하면서 어려웠던 점과 극복했던 내용, 공부했던 내용까지 정리해 보려고 한다 개인과제 진행하고 느낀 건데 React 초심자에겐 이건 어떻게 구동되는 거지? 왜 이렇게 되는지? 이 함수를어떻게 해석하고 직접 쳐야 하는 건지 어려움을 뼈저리게 느꼈다. 내가 직접 해보고 아 이건 이렇게 되는구나!느껴보고 싶은데 쉽지 않다.. 기술의 힘을 빌리지 않고 내가 직접 칠 수 있을까에 대한 의문이 들었다.🙄 근데 기본 개념에 대해선 강의나 각종 학습 하면서 알게 된다. 어려웠던 점 첫 번째, 로컬 호스트가 닫히면 이 기능이 제대로 들어갔는지 모르고 보지 못하게 된다 그래서 yarn dev를 쓴 후 q로 안 나가면 닫히지 않는 이상 테스트 가능하다... 두 번째, css를 다르게 접근해야 한다. 그냥 r.. 더보기 240515 TIL 1. 오늘 한 일- React를 이용해 투두리스트를 만들었다. (개인과제)- 관련해서 구글링하고 노션 가이드도 보면서 함2. 과제 하면서 어려웠던 점- 완료를 누르면 Done 으로 들어가야 하는데 들어가진 않아서 어려움을 겪었다테스트 다 해봐도 소용 없었음. 이걸 어떻게 해결해야 할까에 대한 고민을많이 했었던 것 같다3. 앞으로의 계획 (내일 계획)- 과제 css 부분 일부 완성하기 - Done에서 취소 작동할 수 있게 만들기 - React 공부 더보기 240514 TIL 1. 오늘 한 일 -react 기초 강의 듣기 - react 개인과제 만들기 - 수준별 학습 과제 제출하기 2. 어려웠던 점 - jsx를 익히고 react 세팅하는데에 오래 걸린다 - js와 jsx 문법이 아얘 달라 익히는데 시간이 걸렸다 예를 들면 html div class="" 이렇게 써주던 걸 jsx에서는 div className="" 이렇게 쓴다던지의 차이다 - 투두 리스트 기본 가이드는 있으나 이걸 이렇게 만들어요! 의 기준이 없다,, - 일주일만에 이걸 어떻게 하지? 기본기가 없어 일단 막막했다 3. 앞으로의 계획 - 리액트 기초 마스터해보기.. - 리액트 강의 듣기 - 강의 반복 시청하기 (이해될 때까지) 더보기 240513 TIL 1. 오늘 한 일 - 스파르타코딩클럽 자바스크립트 4주차 강의 마저 듣기 (콜백함수 , 동기/비동기 )- 수준별 학습 (react 기본에 대해 배우기) 2. 개념 정리 동기 / 비동기 (sync / async) 동기 > 현재 실행 중인 코드가 끝나야 다음 코드를 실행 할 수 있음- 계산이 복잡해서 오래 걸리는 코드 / 즉시 처리가 가능한 코드 비동기 > 실행 중인 코드의 완료와 무관하게 다음 코드로 바로 넘어갈 수 있음 - 별도의 요청 , 실행대기 , 보류 * 비동기 작업의 동기적 표현 > Promise- 비동기 처리에 대해, 처리가 끝나면 알려달라는 '약속' ! 아직은 이 부분에 대해서는 조금 더 공부하고 코드를 많이 봐야할 것 같다...! 3. 느낀 점 - react 이번 수.. 더보기 240510 TIL 오늘은 react를 배우는 첫날이다. 새로운 조에서 한달동안 공부하게 되다니 .. 낮가림 on .... 인사만 ...! react 여기 와서 처음 들어봤다. 😣 오늘 공부는 자바스크립트와 react 기초에 대한 강의를 들었다. 🍀 자바스크립트 콜백함수 : 다른 코드의 인자로 넘겨주는 함수를 뜻한다. (forEach, setTimeout), 필요에 따라 실행 setTimeout 함수 - 1초후 콘솔로그 출력 setTimeout(function () { console.log("Hello"); }),1000; forEach 함수 const numbers = [1, 2, 3, 4, 5];numbers.forEach(function (number) { console.log(number);}).. 더보기 240509 TIL 오늘은 자바스크립트 기본 문법 복습과 내일배움 캠프에서 제공해준 자바스크립트 강의를 들었다. 사실 js에 대하여 모르는 상태라서 흐름을 익히려고 들었던 것 같다. 3주차 강의를 들으면서 느낀건데 처음 듣는 내용들이 많고 어려운 내용이었다. 데이터를 어떻게 할당하는지 그 코드는 어떻게 흘러가는지에 대해 설명하는게 강의의 주된 내용이었다. 5주차까지 듣고 다시 3주차 복습할 때 다시 들어봐야 될거같다. undefined / null : 값이 없는것은 똑같음 undefined - 값이 있어야하는데 없는 경우에는 자동으로 부여함 해당 데이터가 존재하지 않을 때 사용함 null - '없다'를 명시적으로 표현할 때 사용 이번 팀 프로젝트를 진행하며 느낀건데 팀원들간의 소통이 중요함을 깨달았던 시간이었다. 내 .. 더보기 240508 TIL 오늘은 팀 프로젝트 수정 요청사항 마무리했다. (비록 조원 분들께서 도와주셨지만) 그래도일주일간 프로젝트 마무리 잘한 것 같아서 뿌듯하다. 하는 과정은 힘들고 고되고 멘붕 오는 상황이 많이왔었는데 , 그럴 때마다 포기하지 않고 열심히 만들었다. 모두 일주일 동안 고생하셨습니다 ! 😊 어려웠던 건 깃허브에 새로 업뎃된 걸 못보고 add commit push 후 pull request 해버려서 충돌 났던거?이건 명백히 내 실수가 맞다. 그래서 충돌 수정하고 코드 넣을 건 넣고 해서 이걸로 몇시간동안 전쟁 치뤘었다. 어찌저찌 충돌 해결은 되서 다행이라고 생각했다. 다음에는 깃허브 업데이트 확인하고 add commit push 해보도록 하자. pull 다음에 add commit push잊지 않기로 해 .. ?.. 더보기 이전 1 2 3 4 5 6 7 8 다음