본문 바로가기

휴게소11

함수형과 객체지향의 다른점 데이터(객체)가 먼저? 함수가 먼저? 데이터(객체) 기준 cat.moveLeft(); cat.moveRight(); dog.moveLeft(); dog.moveRight(); 객체를 기준으로 객체가 먼저 나온다. 객체지향 프로그래밍은 데이터를 먼저 디자인한 후 그 데이터에 맞는 메서드를 만드는 방식으로 프로그래밍을 한다. 예를 들면 moveLeft()를 갖기 위해 Animal 클래스를 만든 다음 cat과 dog가 상속을 받아 메서드를 갖게 되고, 같은 규격의 객체가 된다. 함수 기준 moveLeft(dog); moveRight(cat); moveLeft({ x: 5, y: 2}); moveRight(dog); 함수를 기준으로 함수가 먼저 나온다. 함수형 프로그래밍에서는 함수를 만든 후 그 함수에 맞게 데.. 2021. 9. 22.
코딩 실력이 늘었다고 생각할 때(feat. 리팩토링) 기능은 그대로 유지 보수는 ⬆️ 요즘은 예전에 만들었던 프로젝트 리팩토링을 하는 것에 시간을 많이 쏟고 있다. 어쩌다 구경을 하게 되었는데 고칠 점이 너무 많아 보여서 리팩토링을 하기로 결심했다. 하다보니 재밌기도 해서 시간이 잘간다. 먼저 간략하게 표현한 예전 코드는 다음과 같다. // 📂 main.js // XHR 설정 const getJSON = function(url, callback) { // ...XHR } // API 호출 getJSON( 'http://api.openweathermap...', function (err, data) { if (err면) { alert() } else { // 성공이면 데이터 표시 loadWeather(data); todayClothes(data); loadI.. 2021. 8. 28.
API 이해하기(feat. 드림코딩) API..API..API!! 프로그래밍을 공부하다보면 API란 단어를 자주 접한다. 그러다보면 API에 대해 검색도 해보고 어느정도 뜻을 알게되는데 또 다른 API를 보면 '이게 내가 알던 API의 의미가 맞나?' 생각이 들 정도로 다양한 범위에서 사용되는 것 같다. 그렇게 정확하게 알지 못하고 혼란을 겪다가 API를 사용하게 된 이유와 역사를 통해 나름 정의를 내릴 수 있게 되었다. 1964년 API(Application Programming Interface)란 단어는 1964년 36비트 컴퓨터 시스템을 사용할 때부터 등장하기 시작했다. 이때는 기종에 관계없이 모든 종류의 컴퓨터에서 사용이 가능하도록 하는 하드웨어의 독립성(Hardware Independence)을 위해 주로 사용 되었다. 예를 들어.. 2021. 8. 17.
VSCode 필수 Extension 모음 - 2(feat. 드림코딩) 1. Indent Rainbow Extension 모음 1편에서 Bracket Pair Colorizer가 괄호에 색상을 입혀준다면 이 익스텐션은 위 사진과 같이 들여쓰기에 색상을 입혀준다. 이 익스텐션도 설치하면 코드 가독성이 더 좋아진다. 2. Auto Rename Tag 위와 같이 자동으로 닫힘 괄호를 수정해준다. 은근히 시간을 절약해주는 익스텐션이다. 3. CSS Peek 맥은 cmd + click, 윈도우는 ctrl + click으로 HTML 클래스에서 해당 클래스의 CSS로 바로 이동이 가능하다. 4. HTML to CSS autocompletion HTML에 있는 class name이나 id name들을 CSS 파일에 제공해준다. 5. HTML CSS Support HTML to CSS co.. 2021. 6. 19.
VSCode 필수 Extension 모음 - 1(feat. 드림코딩) 1. Material Theme VSCode에서 다양한 테마를 사용해봤지만 Material Theme의 'Material Theme Daker High Contrast' 테마가 가장 가독성도 좋고 보기에 편했다. 개인적으로 Cobalt2도 좋지만 다크모드가 아쉬워서 다시 material theme로 돌아가게 되었다. 2. Material Icon Theme 적용 전과 후를 비교하기 위해 Material Icon Theme를 비활성화 했는데 원래 저랬었나..? 생각보다 별 차이는 없는 것 같다.(아마 업데이트하면서 변경된 것 같다.) 난 테마에 적응하기도 했고 아이콘이 좀 더 크고 색이 선명해서 계속 쓰려고 한다. 3. Prettier - Code formatter 코드 포맷팅을 정말 쉽게 해준다. 이 익.. 2021. 6. 17.
티스토리 다크모드 적용 닼..다크 다크! 요즘은 하얀 화면을 거의 못보는 것 같다. 스마트폰도 다크모드, 노트북도 다크모드, VSCode, 깃허브도 다크모드..이제는 기본 설정일 정도로 다크모드가 많이 보편화 되어 있고 다크모드가 확실히 눈에도 편하다. 그 중 유일하게 내 블로그에 다크모드가 안 되어서 있어서 이번에 적용해 보려고 한다. 나같은 경우 저녁 시간대가 되면 자동으로 다크모드가 활성화 되는데, 내 블로그도 그에 맞게 다크모드를 기능하게 해야겠다. 다크모드를 적용하려면 CSS 미디어 특성인 prefers-color-scheme을 알아야 한다. 이 특성은 사용자의 시스템이 라이트 테마나 다크 테마를 사용하는지 탐지하는 데에 사용된다. 즉 이 특성을 사용하면 내 노트북이나 스마트폰이 다크모드인지 아닌지를 알아 낼 수 있다.. 2021. 6. 3.
[Xcode12] Playground 활용하기 ※ 본 글은 [Mastering Swift] Hello, Playground (Xcode 12) 유튜브 영상을 공부한 내용으로 만들었음을 미리 알립니다. Xcode 애플의 OS를 위한 IDE인 Xcode는 macOS용만 존재합니다. 최근 애플 실리콘도 그렇고 애플은 자체 플랫폼에 노력을 참 많이 쏟는 것 같습니다. CS50 과정을 수료한 후(스터디 시작 전 재밌어서 미리 다 봐버렸습니다) iOS 개발에도 관심이 있었는데 마침 메이커스라는 앱 런칭 동아리에 합격이 되어서 Swift 공부와 iOS 개발을 위한 Xcode를 설치하게 되었습니다. Hello, Playground 프로젝트와 개발에 앞서 Swift 언어의 문법 위주로 공부를 시작할 것이기 때문에 Xcode의 Playground로 시작을 하겠습니다... 2021. 1. 3.
비전공생의 컴퓨터과학(CS50) 배우기 네이버에서 우연히 온라인 스터디 그룹 모집을 한다는 것을 알게되었습니다. 프로그래밍을 배울때마다 항상 어딘가 찜찜하고 불안한 감정이 있었는데 그게 '컴퓨팅적 사고와 감각'이 아닌가 싶습니다. 저처럼 비전공생이고 혼자 공부하기 막막하고 팀원들과 함께 하고싶은 분, IT에 관심 있으신 분들에게 도움이 될 것 같아서 글을 써봅니다. ※ 신청기간: ~20년 12월 31일(목) 자정까지 ※ 스터디 학습 기간: 21년 1월 11일(월)~21년 2월 26일(금) 총 6주간 진행 ※ [무료스터디] 결심을 현실로 만들 시간 [무료스터디] 결심을 현실로 만들 시간 [BY 부스트코스] 모든 활동이 자제되는 비대면 시대. 하지만 성장을 멈출 수는 없는 세대. 특히나 IT... m.post.naver.com 2020. 12. 20.
깃허브 README.md 파일에 이미지, gif 업로드(feat. VSCode) 코딩에 대한 감을 잃지 않기위해 토이 프로젝트들을 제 깃허브 README.md 파일에 올리려고 합니다. 이미지나 gif를 업로드하면 더 좋을 것 같아서 소소한 방법을 공유 해봅니다..! 1. 깃허브에 로그인을 한 후 업로드 할 저장소에 들어갑니다. 2. Issues 탭에서 New issue를 클릭합니다. 3. 업로드 할 이미지 또는 gif를 드래그 앤 드롭 합니다. 4. README.md 파일에 복붙 후 업로드하면 됩니다. 추가로, 사진은 깃허브 서버에 업로드 된 것이기 때문에 생성하던 이슈의 이미지는 저장하지 않아도 그대로 남는다고 합니다. VSCode 실시간으로 README.md 파일 보기 VSCode의 확장프로그램으로 Markdown Preview Enhanced를 다운 받으시면 README.md .. 2020. 11. 10.
반응형