FrontEnd51 4주차 함수는 인자와 리턴 값으로 통신하고 메모리의 컨텍스트를 유지하려면 함수간에 컨텍스트를 리턴으로 받고 인자로 주는 것을 반복해줘야 함. 좋은 개발자가 희귀한 이유는? 미묘함을 자세히 이해하는 사람이 적기 때문. 책임과 역할. 이들은 컨텍스트 변화, 역할의 변화, 책임의 변화가 커도 파악을 해내고 프로그래밍을 한국어처럼 표현할 수 있음. => 나는 그러한가? lexical enviroment : 변수 저장 공간, 어휘 함수 간에 인자를 전달하면서 lexical enviroment 가 생기게 되고 이는 일반 변수들의 lexical env 와 다르다(그 함수들만의 공간임) this를 찍으면 위에서 얘기한 lexical env 의 메모리 공간 데이터를 지정해 사용할 수 있음. 메소드 내에서 지역변수나 인자만 사용.. 2018. 11. 28. 케밥 케이스, 파스칼 케이스 Vue에서 컴포넌트들을 나눌 때 key, value 같이 지정하지 않고 적당히 형식을 맞춰 적는다면 알아서 네이밍을 하고 찾아서 쓴다는 것을 알 수 있었다. 예) 타 Component 에서 component 등록할때 이름 : OverallEvaluation.vue 타 Component 의 template에서 사용될 때 이름 : v-overall-evaluation 위에서 보듯이 Vue는 사용자가 직접 지정하지 않아도파스칼케이스(첫 단어를 대문자로 쓰는 표기법) -> 케밥케이스(단어를 하이픈 문자로 구분하는 표기법) 으로 자동으로 네이밍 처리해주고 사용한다는 것을 알 수 있었다. ** 수정 : 하이픈으로 구분하는 표기법은 케밥 케이스(kebab case) 라고 부른다, 이 때까지 스네이크 케이스라고 잘못 .. 2018. 11. 26. 3주차 인자는 적게 쓰는게 좋다 함수형 프로그래밍은 값에 의한 복사(값 컨텍스트라고 함)가 실행이 되는 방식객체지향 프로그래밍은 값에 의한 참조(객체 컨텍스트라고 함)가 실행이 되는 방식 객체지향 프로그래밍은 entry에서만 값에 의한 복사가 허용되야 함. 그 외에는 객체만으로 서로 통신해야 됨. 2018. 11. 21. 게시판 화면 구성하면서 사용한 자료 정리 select 태그 내에 option 태그에선 클릭이벤트가 발생하지 않는다, 대신 change 이벤트를 사용해서 각 옵션을 클릭할 시 효과가 나타나게 해야함https://stackoverflow.com/questions/46260052/using-click-in-select-options-vue-js-2 input 태그에서 돋보기 아이콘을 넣고 싶다면? FontAwesome 에서 제공하는 css 파일을 넣고 해당하는 옵션들을 태그에 사용하면 됨https://teamtreehouse.com/community/how-do-i-put-icons-inside-of-input-fields 2018. 11. 12. 디자인패턴; 1회 - 메소드 역할을 나눌 수 있으면 나눠라 - 런타임에 오류를 잡는 것이 오류가 전파되는 것을 미연에 방지할 수 있는 방법(throw ; 런타임언어의 기본적인 방법) - 함수:인자와 지역변수로 작동, 메소드:this 컨텍스트로 작동하기 위함 - 메시지가 될 거냐, 내부상태가 될 거냐 - 커스텀 할 수 있는 부분이 아니면 무조건 정해진 로직을 따라서 구현하자 - 가장 추상화 된 문법을 사용하는 습관을 들이자? - 프로그래밍 세계에서 유일하게 변하지 않는 원칙 : "모든 프로그램은 변한다"=> 이미 작성된 거대한 프로그램을 어떻게 변경할 수 있을까? -> "격리" - "격리 전략"; "변화율에 따라 작성하자"UI 쪽에 변화가 있을 때 ; 서버 쪽에 요청이 있을 때 - "강한 응집성" & "약한 의존성" 2018. 11. 7. css center-align 및 box-sizing 및 box-shadow 관련 자료 1, 100, 1000 이렇게 숫자들이 li 형태로 배치가 될 때 1 10100 이런 식으로 정렬되게 하고 싶었다. 방법이 없나 좌절할 때 쯤 https://webdesign.tutsplus.com/ko/tutorials/the-holy-grail-of-css-centering--cms-22114 에서 부모 element의 display를 table로 주고 자식을 table-cell 로 주어 숫자들이 중앙정렬 되게 해주는 방법을 알려주어 정렬할 수 있었다. box-sizing 개념 * content-box* border-box 두 가지가 있고 width:100px height:100px 일 때 border-box는 padding과 border을 포함해서 총 크기가 100*100 이 되게 한다.하지만 co.. 2018. 10. 18. 이전 1 ··· 3 4 5 6 다음