Daily/Today I Learned10 fe-sprint-react-twittler-state-props-refernce 수도코드 작성해보기 import React, { useState } from 'react'; import Footer from '../Footer'; import Tweet from '../Components/Tweet'; import './Tweets.css'; import dummyTweets from '../static/dummyData'; import shortid from 'shortid'; const Tweets = () => { const [username, setUsername] = useState('parkhacker'); const [msg, setMsg] = useState(''); const [tweets, setTweets] = useState(dummyTweets); const [filteredTw.. 2023. 3. 28. 객체 지향 프로그래밍(Object-Oriented Programming) 객체 지향 프로그래밍(OOP) 사람이 세계를 보고 이해하는 방법을 흉내 낸 프로그래밍 방법론이다. 실세계에 존재하고 인지하고 있는 객체(Object)를 소프트웨어의 세계에서 표현하기 위해 객체의 핵심적인 개념 또는 기능만을 추출하는 추상화(abstraction)을 통해 모델링하려는 프로그래밍 설계 철학을 뜻한다. 객체 지향 프로그래밍의 주요 개념으로는 크게 4가지가 있다. 캡슐화(Encapsulation) 데이터와 기능을 하나의 단위로 묶고, 외부에 공개될 필요가 없는 정보(내부 데이터 혹은 내부 구현 등등)는 숨기는 것을 말한다. 다른 말로 정보 은닉(information hiding)이라고도 한다. 데이터에 외부에서 직접 접근을 하면 안되고 오로지 함수를 통해서만 접근해야하는데 이를 가능하게 해주는 .. 2023. 3. 15. local Git repository Git repository? 우선 Git이란 개발자의 코드를 효율적으로 관리하기 위해 개발된 `분산형 버전 관리 시스템이다. 이러한 Git을 저장하는 공간을 repsitory라고 하며, repository는 자신의 컴퓨터의 작업공간에 위치한 local Git repository와 Github 등 원격 공간에 위치한 remote Git repository로 구분할 수 있다. 로컬 환경에 있는 디렉토리에서 Local Git Repository를 추가하면 디렉토리의 파일 변화를 감지 할 수 있다. 1. 코드를 저장할 디렉토리를 만들고 해당 디렉토리에 local Git repository를 생성한다.(git init) 2. 코드를 작성하고 저장하는 공간, 즉 작업 공간(work space)의 파일 및 디렉토리를.. 2023. 3. 10. JavaScript Koans 복습(CodeStates FrontEnd BootCamp) - 작성중... 1. Matcher - mocha, chai framework에는 아래의 예시 말고도 다양한 matcher가 있다. https://www.chaijs.com/api/bdd/ expect( ).to.be.true; expect( ).to.be.false; expect( ).to.equal( ); // 두 값이 타입까지 같은 지 엄격하게 검사(strcit equality, ===) 2. JavaScript의 별난(quirky) 부분들 - https://github.com/denysdovhan/wtfjs expect(1 + '1').to.equal('11'); // +뒤에 나온 '1'이 숫자로 적용되었다. expect(123 - '1').to.equal(122); // -뒤에 나온 '1'은 문자열로 적용되었다.. 2023. 3. 6. 이전 1 2 다음
