dhddl_dev

리액트 규모는 아래와 같이 찾아 볼 수 있다 ReactJS는 페이스북에서 만들었으며, ReactJS로 페이스북을 다시 만들었다. ReactJS의 버전 업데이트에 투자가 될 것이고, 실제로 거대 기업들이 사용하고있다. 아래는 ReactJS 와 Vanilla JS 코드 비교이다 Product Level에서 쓰이진 않지만 비교는 해보면 좋을 것이다. 아래는 자바 스크립트 1. HTML 작성 2. Javascript에서 it 가져오기 3. button event 작성 4. 데이터(counter) 업데이트 5. HTML(span)을 업데이트 Total clicks: 0 Click me 아래는 react React cdn link React JS의 규칙 중 하나는 HTML을 페이지에 직접 작성하지 않는 것이다. r..

DAY 5~6 🔖 오늘 읽은 범위 : 3장. 함수 😃 책에서 기억하고 싶은 내용. 함수를 만드는 첫째 규칙은 작게, 둘째 규칙은 더 작게 각 함수가 너무도 명백했다. 함수는 한가지를 잘 해야 한다. 그 한가지를 잘 해야 한다. 그 한가지만을 잘 해야 한다 함수가 확실한 ‘한 가지’ 작업만 하려면 함수 내 모든 문장의 추상화 수준이 동일해야 한다. 수준 상 eg. getHtml() 수준 중 eg. String pagePathName = PathParser.render(pagepath); 수준 하 .append(”\n”) 한 함수 다음에는 추상화 수준이 한 단계 낮은 함수가 온다. 서술적인 이름을 사용하라! 코드를 읽으면서 짐작했던 기능을 각 루틴이 그대로 수행한다면 깨끗한 코드라 불러도 되겠다. 플래그 인..

DAY 3~4 🔖 오늘 읽은 범위 : 2장. 의미 있는 이름 😃 책에서 기억하고 싶은 내용. 변수의 존재 이유는? 수행 기능은? 사용 방법은? 따로 주석이 필요하다면 의도를 분명히 드러내지 못했다는 말 프로그래머는 스스로 문제를 일으킨다. 다른 두개념에 같은 이름을 사용하지 못한다. 발음하기 쉬운 이름을 사용 클래스와 함수는 점차 작아지는 추세다 즉 변수를 선언한 위치와 사용하는 위치가 멀지 않다. 코드를 컴파일하지 않고도 타입 오류를 감지할 정도로 발전했다. 그러므로 헝가리식 표기법이나 기타 인코딩 방식이 오히려 방해가 될 뿐이다. 인터페이스 클래스 이름과 구현 클래스 이름 중 하나를 인코딩해야 한다면 구현 클래스 이름을 택하겠다. 클래스이름은 명사나 명사구 Manager, Processor, Data..

👍3줄요약 깨끗한 코드는 누군가 주의 깊게 짰다고 느끼게 한다. 체크아웃할 때보다 좀 더 깨끗한 코드를 체크인한다. 보기 쉽고 잘 사용할 수 있는 메서드를 설계해 보자. 테스트 케이스가 없는 코드는 깨끗한 코드가 아니다. 📝소감 테스트 케이스 코드를 적재하고, 꺠끗하게 떠나지 않은것들이 생각이 난다. 물론 기한이 다가오면 올수록 더 급하고 추상화를 멈추고 표현력도 낮아진다. 여러가지가 겹쳐 코딩을 할 수록 더러운 방을 보듯이 스트레스와 멘탈데미지가 누적되는 것 같았다. 추상화 뜻: 복잡한 자료, 모듈, 시스템 등으로부터 핵심적인 개념 또는 기능을 간추려 내는 것 테스트 케이스 코드를 깔끔하게 표현하고, 코드를 치기전에 추상화(공통적인것들을 취하고, 차이점을 버리는) 생각을 더 하는것. 보기 쉽고 잘 사용..

👍3줄요약 첫 아이 이름을 짓듯이 심사숙고해서 변수 이름을 정한다. 품질은 사심 없이 기울이는 무수한 관심에서 얻어 진다. 내 코드의 상태에 관해서 동료들에게 정직하고, 무엇보다도 자신에게 정직해야 한다. 📝소감 최근 프로젝트 외주 한 건 이 있었다. 자사 소프트웨어에 탑재할 기능이 많아 보여서 진행하게 된 건이다. 정해진 기획에 맞춰 개발하는 것이였는데, 개발하면서 고려안된 기획들이 너무 많았다. 그러면서 점점 관심이 떨어지고, 명명또한 오타도 자주내면서 확실히 집중력이 많이 떨어져 있었다. 요번 클린코드 추천사~들어가면서를 읽어보니 자신과, 코드를 되돌아 보게 되었다. 또한 작성한 코드를 어김없이 보여주는 것은 정말 창피하고 어려운일로 느껴졌다. 누구에게 보여줘도 부끄럽지 않고 창피하지 않을 코드를 ..