https://velog.io/@mageboy 로 이사합니다!

클래스와 인스턴스라는 용어를 이해할 수 있다 . new 키워드의 사용법을 이해할 수 있다. => 클래스로 부터 새로운 인스턴스를 만들때 사용! class 키워드의 사용법을 이해할 수 있다. => 새로운 클래스를 만들때 사용! 현실 세계의 모델을 바탕으로 클래스의 메소드와 속성을 디자인할 수 있다. 객체 지향 프로그래밍 특징을 이해할 수 있다. => 객체 지향 프로그래밍은 프로그래밍을 수많은 '객체'라는 기본 단위로 나누고 이들의 상호작용으로 서술하는 방식. 객체란 하나의 역할을 수행하는 메소드와 속성 묶음! JS는 프로토타입 기반 객체 지향 프로그래밍! 캡슐화 => 높은 응집도와 낮은 결합도를 유지할 수 있도록 설계해야 요규사항에 유연하게 대처할 수 있는데 캠슐화는 낮은 결합도를 유지할 수 있게 데이터(..

Q1. https://www.codewars.com/kata/54bf1c2cd5b56cc47f0007a1/train/javascript Count the number of Duplicates Write a function that will return the count of distinct case-insensitive alphabetic characters and numeric digits that occur more than once in the input string. The input string can be assumed to contain only alphabets (both uppercase and lowercase) and numeric digits. Example "abcde" -> 0 ..

- 코드스테이츠 섹션 1 전의 나(Choice) 아무것도 모르고 코딩? 그냥 어떻게 하면 되겠지라는 마음으로 덤볐다. 그냥 도서관에 책을 빌려 무지성으로 처음부터 공부했다. 책을 봐도 모르는 것은 자바스크립트 info를 보고 공부했는데 단축 프로퍼티에서 열 받아서 도서관을 박차고 나갔다. 아무리 검색해도 책을 뒤져봐도 뭔 말인지 이해가 전혀 안 되는데 받아쓰기만 하고 있는 느낌이었기 때문이었다. 그래서 그냥 무지성으로 공부해선 안된다. 뭔가 필요한것만 있는 가이드라인이 필요하다 생각해 그래서 아마 막 사이트를 뒤져보다가 코드스테이츠를 선택했던 것 같다. - 코드스테이츠 섹션 1을 들어간 직후의 나 수학도 처음 아이들이 3 + 7 = 10을 배우고 순간의 아이디어로 30 + 70 은 1000이에요? 라고 ..

✍ 오늘 공부에 대해 HA 시험을 이틀동안 쳤다. HA 첫번쨰 날은 진짜 너무 우울 했다. 아니 usestate가 작동은 잘 되는데 이상한 에러가 계속 뜨는것이었다. 결국 3개를 아마 통과 못한채로 제출했다. 진짜 농담아니고 하루종일 속으로 욕하고 뛰고 하면서 스트레스를 풀었다. 아니 이게 떨어지면 그 한 달을 더 반복할 수가 없을것같았다. 이 글을 적는건 이틀째인데 이틀쨰는 좀 낫다. 퀴즈도 코플릿도 다 풀었고 다시한번 풀어보면서 코드에 대한 복기와 최적화에 대해 공부했다. 코플릿은 잘되는데 왜왜왜왜왜왜왜왜왜왜ㅙ애ㅗ왜 리액트 HTML Java는 잘 안될까. 아니면 안된다고 생각해서 안되는 것일까 나도 모르겠다. 근데 지금 돌이켜보면 어제 겁나 짜증났던게 다 풀렸다 이 시험이 뭐 내 인생에서 마지막 시험..

리액트, 고차함수, 울음... 진짜 리액트는 젓같다... 근데 해야하니까 하다보면 또 몰라... 이번주에 힘이났던 이유는 내 주위 분들이 응원해줌... 성웅아...하영아... 고맙다... 쌤한테 문자 보내줘서 너희들은 나보다 훨 잘될꺼야.. 너희들을 만나서 행운이야... 물론 다른 아이들도... 그 아이들도 그렇게 공부했는데... 나도 부끄럽지 않게 해야지...ㅅㅂ... 오늘은...눈물로..밤을...지샌다... 미래의 나야... 꼭....이글을 봐...그리고...그때 포기안하고 잘 했다고 과거의 나를 위로해줘.... 이 글을 쓰고 있는 지금은 너무 슬프고 우울하니까...

✍ 오늘 공부에 대해 리액트 마지막 단원이 남았다... 머리가 너무 아프다.. 지금 이 글을 적고 있는데 방구석에서 혼자 질질 짰다. 그냥 존나 힘들다 이유가 있겠지만 왜 인지 생각이 나지 않는다 그냥 존나 힘든날도 있는것 같다 매번 좋을 수는 없으니까 그냥 힘든날도 즐기자 그래서 이거 쓰고 아이스크림 사먹으로 갈거임 🧡 오늘 감정에 대해 😍 좋았던 것(Liked) : 어쨌든 섹션 1이 다 끝나가는데 나름 열심히 했다. 시험은 진인사대천명임 💦 부족했던 것(Lacked) : 막판에 너무 어렵다는 핑계로 집중을 못한거? 🕯 바라는 것(Longed for) : 부모님이 보고계신다. 부모님께 잘하고 싶다. 그 마음이 꼭 다음주에도 있기를 📄오늘의 띵언 신이라면 몰라도 어느 누가 고통 없이 한평생을 살 수 있단..

React State & Props state, props의 개념에 대해서 이해하고, 실제 프로젝트에 바르게 적용할 수 있다. React 함수 컴포넌트(React Function Component)에서 state hook을 이용하여 state를 정의 및 변경할 수 있다. React 컴포넌트(React Component)에 props를 전달할 수 있다. 이벤트 핸들러 함수를 만들고 React에서 이용할 수 있다. 실제 웹 애플리케이션의 컴포넌트를 보고 어떤 데이터가 state이고 props에 적합한지 판단할 수 있다. 실제 웹 애플리케이션 개발 시 적합한 state와 props의 위치를 스스로 정할 수 있다. React의 단방향 데이터 흐름(One-way data flow)에 대해 자신의 언어로 설명할 수..

✍ 오늘 공부에 대해 리액트 2일차인데 생각보다 어렵지 않다. 어제 호되게 당해서 그런지... 근데 문법을 계속 공부하여 실력이 녹슬지 않게 해야겠다... import... to export... 아 그리고 오늘 페어분께서 회계전공이란걸 알았다.. 나보다 어른을 만났는데 그래서 그런지 사회 생활에 대해 많이 조언해주셨고 나에게 큰 도움이 되었던것 같다! 🧡 오늘 감정에 대해 😍 좋았던 것(Liked) : 어제 지옥?을 경험하니 오늘은 천사같다 💦 부족했던 것(Lacked) : 문법공부를 계속 등하시 하는것? 🕯 바라는 것(Longed for) : 없음 내일 리액트도 잘 돌아갈수있게 해주세요 📄오늘의 띵언 고난을 우리를 더 강하고 더 똑똑하고, 더 나은 사람으로 만들어준다. 고생을 불운 탓으로 돌리면 당신..

React intro React의 3가지 특징에 대해서 이해하고, 설명할 수 있다. JSX가 왜 명시적인지 이해하고, 바르게 작성할 수 있다. React 컴포넌트(React Component)의 필요성에 대해서 이해하고, 설명할 수 있다. create-react-app 으로 간단한 개발용 React 앱을 실행할 수 있다. What is React 리액트는 프론트엔드 개발을 위한 JS 오픈소스 라이브러리이다. - 리액트의 특징 세가지 1. 선언형(Declarative) 한 페이지를 보여주기 위해 HTML/ CSS/ JS로 나누기보다 하나의 파일에 명시적으로 작성할 수 있게 JSX를 활용한 선언형 프로그래밍 2. 컴포넌트 기반 하나의 기능 구현을 위해 여러종류의 코드를 묶어둔 컴포넌트 기반. 장점) 컴포넌트..

React Router Hands-on 1. 개발 환경 구축하기 - 터미널을 열고 다음 명령어를 실행하여 simpleroute 디렉토리에 React 프로젝트를 생성 npx create-react-app simpleroute cd simpleroute npm start - React Router DOM을 설치 npm install react-router-dom@5.3.0 # 이번 스프린트에서는 5.3.0 버전을 사용합니다 - 라이브러리가 설치 확인? package.json으로 들어감. package.json 의 dependencies 에 react-router-dom 이라는 라이브러리가 등록된 것 확인 이제 App.js 파일로 가서 최상단에 react-router 라이브러리가 제공하는 컴포넌트들을 사용하기..