programing/etc
-
[부스트코스] 리뷰어 특강 - 웹 UI 개발 1programing/etc 2019. 5. 10. 20:31
UI : 정보의 성격에 맞게 분류된 화면을 유저가 쉽게 조작할 수 있게 구성한 것. (front-end 소속) 웹 개발 = front-end / back-end 웹의 원리 : 사용 기술 : http, dns, cdn, 로드 밸런싱... 배포 : 서버에 파일들을 작성하여 올린 뒤, 외부에서 요청 가능하게 하는 것. 웹 서비스 개발 프로세스 : 기획 - 설계 - 디자인 - UI개발(front-end, 마크업) - 서버 개발 - QA - 배포 UI 개발 프로세스 : - 마크업 작성 - UI 구현(CSS사용) : - 웹 접근성 고려 - 크로스 브라우징 : 모든 브라우저에서 동등한 정보를 제공하기 위해 UI를 조절하는 것. - CSS3 애니메이션을 사용한 인터랙션 개발 - UI성능 최적화 : 요청 및 용량 최소화..
-
[용어] non-blocking, asynchronous, concurrencyprograming/etc 2019. 4. 24. 15:42
안녕하세요, Einere입니다. (ADblock을 꺼주시면 감사하겠습니다.) 오늘은 비대기(non-blocking), 비동기(asynchronous), 동시성(concurrency), 병렬성(parellelism)에 대해 알아보겠습니다. 해당 포스팅은 원글을 제가 보기 좋게 정리한 것입니다. 원글은 글 하단의 참고에 링크해두었습니다. Non-blocking 크게 다음 두가지의 의미로 사용됩니다. Non-blocking algorithm (Non-blocking synchronization) Non-blocking이란, 어떤 쓰레드에서 오류가 발생하거나 멈추었을 때 다른 쓰레드에게 영향을 끼치지 않도록 만드는 방법들을 말한다. 공유 자원(메모리, 파일 등)를 사용하는 멀티 쓰레드 프로그래밍을 할 때, 특정..
-
[Windows 10] 윈도우에 우분투 설치programing/etc 2019. 1. 2. 20:23
안녕하세요, Einere입니다.(ADblock을 꺼주시면 감사하겠습니다. 오늘은 Windows 10에 Ubuntu를 설치하고 bash를 사용하는 법에 대해 알아보겠습니다. 개발자 모드로 전환하기 설정 - 업데이트 및 보안 - 개발자용 - 개발자용 기능 사용Microsoft Store 앱이 기본적으로 선택되어 있는데, 개발자 모드로 전환해줍니다. Windows 기능 켜기/끄기 설정창의 검색칸에 "windows 기능"이라고 검색하시면, Windows 기능 켜기/끄기가 나옵니다.클릭해주세요. 목록에서 Linux용 Windows 하위 시스템을 체크해줍니다. 재부팅을 하라고 할 텐데, 재부팅 해주세요. Ubuntu 설치 cmd를 관리자 권한으로 실행합니다.그리고 "lxrun /install"을 입력하면 위와 같이..
-
[VS code] visual studio code 확장 목록programing/etc 2018. 12. 30. 18:54
안녕하세요, Einere입니다. (AD block을 꺼주시면 감사하겠습니다.) 오늘은 visual studio code의 제가 사용하는 확장들을 소개해볼까 합니다. visual studio code는 가볍고 빠르며, 다양한 확장을 통해 유용한 기능을 추가하여 사용할 수 있는 편집기입니다. 저는 code를 웹용으로 사용하기 때문에, (html, css, js 등등...) 해당 언어 위주의 확장을 추천해드리겠습니다. Version Control System GitLens git을 통한 버전관리를 쉽게 해주는 확장입니다. 당연히 해당 확장 설치 전에 git이 설치되어 있어야 합니다. Code Formatting Beautify html, css, cass, javascript, json형식을 깔끔하게, 보기좋..
-
[Design Pattern] State Pattern exampleprograming/etc 2018. 11. 30. 22:45
안녕하세요, Einere입니다. (ADblock을 꺼주시면 감사하겠습니다.) 오늘은 State Pattern example을 java로 구현한 것을 공유하고자 합니다. 간단하게, ATM기기를 구현합니다. ATM기기는 총 3가지 상태가 존재합니다. noCard hasCard noCash noCard상태는 말그대로 카드가 삽입되지 않은 상태입니다. hasCard는 카드가 삽입된 상태입니다. noCash는 기기가 보유한 현금이 없는 상태입니다. ATM기기는 총 3가지 동작을 합니다. insertCard ejectCard withdrawCash 각각 카드를 삽입하고, 빼고, 출금을 하는 동작입니다. class diagram으로 나타내자면 위와 같습니다. 물론 getter와 setter는 생략했습니다. 위와 같은..