샘성의 iOS 개발 일지

CSS 의 꽃, Flexbox와 Grid 부시기CSS 레이아웃 기술인 Flexbox와 Grid를 배울 수 있는 재미있고 유익한 리소스를 소개합니다. 🎮 재미있는 CSS 학습 게임1. Flexbox Froggy:게임 바로가기개구리에게 CSS 코드를 사용하여 연꽃잎에 도달하도록 도와주는 게임2. Grid Garden:게임 바로가기CSS Grid 레이아웃을 활용하여 당근밭을 가꾸는 게임3. Flexbox Adventure게임 바로가기모험을 통해 Flexbox 개념을 배우는 게임4. CSS Dinner게임 바로가기CSS 선택자에 대한 지식을 테스트하는 재미있는 게임5. Flexbox Defense게임 바로가기CSS Flexbox를 사용하여 적의 침입을 막는 디펜스 게임6. Knights of the Flexb..

1. 가독성 및 유지보수성 향상의도 전달로 가독성 향상불변속성의 범위 제한으로 유지보수성 향상범위 밖의 코드에 영향 안 주고 위의 2항목 실행가독성(의도한대로 코드가 잘 동작한다면)의도 전달하기 위한 코드의 상징유지보수성시작: 현존하는 일부 기능을 변경 할 때마다 ‘새 코드의 위치 선정을 위한 조사하기‘’전역상태‘로 인해 예상치 못한 사이드 이펙트(취약성)이 발생할 수 있다전역상태 찾는 트릭중괄호 찾기 (중괄호 내부의 변수에 외부 데이터가 할당되는 경우가 많음)전역적으로 사용되는 외부 데이터 관찰 및 불변속성 제거하기코드의 작업을 변경하지 않은 채로 유지보수 하는 법리펙터링 중에는 코드가 느려져도 신경X (보통 가독성과 유지보수성보다 성능의 가치가 낮다)성능이 중요한 경우, 리펙토링 다 끝나고 프로파일링..

1. 리팩터링이란?💡 기능을 변경하지 않고 코드를 변경하는 것 대부분의 프로그래머는 코드를 치는 것보다 코드를 이해하는데에 더 많은 시간을 소비한다.코드를 더 빠르게 동작하게 하기더 작은 코드를 만들기더 일반적이거나 재사용 가능한 코드 만들기코드의 가독성 상승, 유지보수 용이가독성을 높여서 시간을 절약하자 (생각하기 편하게, 새로운 기능 추가하기 쉽게)유지보수가 용이해지면 버그가 줄고 수정이 용이해진다테스트 주도 개발을 하면 효과적으로 할 수 있다 (하지만 여기선 다루지 않음) 2. 무엇을? 💡 A. 냄새 나는 코드! (aka 코드 스멜) 여러개 작업을 수행하는 함수5줄이 넘는 긴 함수중복되는 함수여러개의 기능을 가진 클래스 3. 언제? 💡 코딩 할 때마다! (매일 샤워 하듯..) 탐색명세화구현테스..