전체 글62 [17JAN, 2021]OOP2)Prototype in JavaScript. 자바스크립트는 Prototype 기반 언어이다. Class 기반의 언어에서는 Class 안의 내용을 기반으로 인스턴스를 생성하여 객체를 사용하지만 자바스크립트는 Class 가 존재하지 않는다. 그래서 자바스크립트는 프로토타입을 이용한다. 그럼 이 Prototype이 뭘까?! (ES6에서는 Class문법이 추가되었지만 자바스크립트가 클래스 기반의 언어로 바뀌었다는 것은 아니다.) 프로토타입에 대해 설명하기에 앞서 클래스와 인스턴스에 대한 개념을 한 줄로 정리하고 가고 싶다. 동기분들이 공유해준 블로그 중 하나에서 깔끔한 정리를 찾을 수 있었다. 객체(Object)는 소프트웨어 세계에 구현할 대상이고, 이를 구현하기 위한 설계도가 클래스(Class)이며, 이 설계도에 따라 소프트웨어 세계에 구현된 실체가 인.. 2021. 1. 17. [15JAN, 2021] 每个人的开花时期都不一样。 每个人的开花时期都不一样。 (meige ren de kaihua shiqi dou bu yiyang) : 개화시기(꽃피는 시기)는 사람마다 모두 다르다. 최근 들은 말 중 가장 잊히지 않는 말이다. 취업, 인생 등 다양한 고민을 나누는 친구가 해 준 말이다. 사람마다 꽃피는 시기가 늦게 피고 빨리 피고의 차이니까 조급해하지도 말고, 불안해하지도 말자!! 나와 친구 둘 다 취업을 준비하며 자신감도 많이 떨어지고 조급 해지는 마음도 계속 생겼는데, 이렇게 생각하니 더 마음을 다잡고 긍정적으로 생각할 수 있었다! 모두에게 힘든 시기는 있고! 행복한 시기도 있는 거니까! 오늘도 우리 모두 파이팅🌷🍀💖 2021. 1. 15. [14JAN, 2021] OOP1)What is Object-oriented Programming?! 객체 지향??!! 나처럼 프로그래밍을 처음 접한 사람들에게는 이 객체지향이라는 말이 생소하게 느껴질 것이다. 우리의 일상생활에서 쓰이지 않는 말이기 때문이다. 나는 프로그래밍을 접하기 전, 이 단어를 딱 들었을 때 '객체가 뭐길래 지향한다?? 지향이면 그래도 선호한다는 건데..?'이라는 생각을 했다. 그래서 이 객체 지향을 이해하는 데에는 우선 객체가 무엇인지 이해를 해야 객체지향도 이해할 수 있다고 생각한다. 객체(Object): 객체는 ''Thing', '어떤 것'으로 생각하면 조금 더 이해하기 쉽다. 그래서 객체는 사람이 될 수 있고, 자동차가 될 수도 있으며 컴퓨터, 책 등등 무엇이든 될 수도 있다. 클래스(Class): 그럼 자동차로 예를 들어보자. 자동차는 사람들이 이동할 때 타는 운송수단이다.. 2021. 1. 15. [13JAN, 2021] 新年快乐 ! 新年快乐 ! 2021년 맞이 새해인사를 중국어로 정리해놓으려 한당 :D 중국에서는 새해인사 3콤보가 있기 때문에 알아두면 돌아오는 새해마다 유용하다! (사실 코딩하다 쉬고 싶어서 중국어 포스팅을 살짝쿵) 제일 기본적인 新年快乐 ! (xin nian kuai le) : 새해 복 많이 받으세요! 두 번째는 恭喜发财 ! (gong xi fa cai) : 돈 많이 버세요! 세 번째는 祝你身体健康 ! ( zhu ni shenti jiankang) : 건강하세요! 합쳐서 " 新年快乐 恭喜发财 祝你身体健康 ! " 새해 복 많이 받으세요! 부자되시고 건강하길 바랍니다! 이렇게 중국어 새해인사를 해보는 건 어떨까?! 이번 해에는 나는 나의 중궈프렌드인 웅식이에게 전했다! 내년에는?! +) 1월 1일 딱 새해에 올리려블로.. 2021. 1. 13. [11JAN, 2021] Mac OS zsh: command not found: nvm 해결방법 11일 저녁부터 12일 AM4:00까지 찾은 나의 mac os 환경변수 설정!! nvm 깔고 버전 확인 다 했는데 다시 터미널 들어가서 nvm 버전을 확인하면 zsh: command not found: nvm 이 떠서 멘붕의 연속... 찾아낸 결과는!! 바로!! 하지만 그 전에 원인은!! 바로!!! Mac OS 중 Catalina부터는 터미널의 기본 셸이 zsh로 바뀌었기 때문이다!! 앞의 게시글처럼 설치를 했다면 우리는 bash에 저장을 한 것이다. 하지만 bash는 mac OS 중 Mojave 및 이전 버전의 기본 셸이고, Catalina이상은 zsh가 기본 셸이기 때문에 zsh에서는 입력된 환경변수가 없기에 에러가 나는 것이었다. 해결방법은 두 가지가 있다! 1. bash를 zsh에 사용하도록 만드.. 2021. 1. 12. [11JAN, 2021] nvm, node 설치 NVM : Node Version Manager NVM을 통해 간단한 명령어로 node를 설치하고, 다양한 node version을 관리할 수 있다. nvm 설치방법 $ sudo curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.3/install.sh | bash $ nvm ls -bash: nvm: command not found 여기서 not found가 뜨더라도 당황하지 말고 $ vi ~/.bash_profile vi에디터를 통해 export NVM_DIR="$HOME/.nvm" [ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh" # This loads nvm 위 코드가 있는지 확인 후에 $ source ~.. 2021. 1. 12. [10DEC, 2020] CSS Font & Box FONT : CSS에서 폰트는 font property를 통해 설정할 수 있다. color는 hex color로 설정하며 기본적인 white, black, blue 등은 영어입력으로도 나온다! 글꼴은 font-family로 설정하며 구글폰트에서 다양한글꼴 이용가능하다. 💡 Today's Check Point font에서 내가 어렵다고 느낀건 크기를 설정하는 단위이다. 절대단위 : px, pt 등 상대단위: %, em, rem, ch, vw, vh 등 *px: 화면크기가 절대적인 경우 (ex.출력용)에 유리하다. px는 CSS를 통해 글씨크기가 고정되기에 사용자가 브라우저 글꼴크기를 키워도 적용이 안되어서 불편함이 있을 수 있으며 모바일에서도 뚜렷하지 못한 형태로 출력될 수 있다. *rem: 보통의 경우는.. 2020. 12. 20. [10DEC, 2020] HTML Tag & CSS Selector HTML / CSS / JavaScript 관계성 HTML (HyperText Markup language) 은 웹페이지의 구조를 만들고, CSS (Cascading Style Sheets) 는 디자인 요소를 시각화해주며, Javascript는 단순한 웹페이지를 프로그램으로 만들어 유저들과 상호작용을 하게 해준다. HTML 기본 구조와 문법 HTML은 Tag들의 집합이다. tag들이 트리구조를 이루고 있으며 ' ' 이렇게 여는태그, 닫는태그의 쌍으로 이루어져있다. 💡Today's Check Point div & span tag div와 span의 가장 큰 차이점은 웹에서 차지하는 공간이다. div = 한줄 / span = 컨텐츠 크기만큼의 공간을 차지한다 a tag 링크삽입 하는 태그 ex) input,.. 2020. 12. 19. 이전 1 ··· 4 5 6 7 다음
