일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
- 재귀함수 탬플릿
- 문자열을 객체로 만드는법
- flex-direction
- 상속 (inheritance)
- Math.floor()
- Instanc
- string
- async/await
- 캡슐화 (encapsulation)
- 다형성 (polymorphism)
- probs.children
- 조건문
- justfiy-content
- Promise all
- Promise Chaining
- probs
- css 정리
- 첫번째 미니 프로잭트
- 참조자료형
- 재귀적으로 생각하기
- 추상화 (abstraction)
- align-content
- 클래스 문법 구조
- display
- align-iitems
- props비구조화 할당
- 얕은복사와 깊은 복사
- 화살표함수 기본 개념
- 객체지향 프로그래밍 특징
- class
- Today
- Total
목록전체 글 (129)
희락코딩
개발 공부 43일차 2021-05-17 (언더바 & 동기와 비동기 프로그래밍) 와우!! ㅋㅋ 오늘 언더바를 통해서 다양한 메서드 함수를 코드로 구현하는 시간을 가졌다! 기본적인 구현은 할만 했는데 어드벤스 부분에서 알고리즘마냥 너무 고통이였다... 큰일이다... 점점 난이도가 올라간다... 내가 공부하고 이해한 내용을 1일 1블로깅을 하려고 했는데... 확실하게 이해를 못해서 블로깅 할 내용들이 쌓이고 있다... ㅋㅋㅋ 후... 일단 이번주는 반복적인 학습과 개념을 확실하게 다지는 시간을 갖고 그다음에 밀렸던 내용들을 블로깅 하여 개념을 잡아야겠다!!! 아... 그리고 동기와 비동기, 프로미스, 콜백... 어떤 원리 인지는 이해는 갔으나 코드를 보면서 이해하기가 어려웠다... 알듯 말듯 보일듯 말듯 짜증..
앞에서 객체지향에 대한 이론을 알아 봤습니다!!! 이번시간은 객체 지향의 꽃 클래스에 대한 기본 문법을 간략하게 정리하였습니다!!! 클래스 문법의 구조, 틀 위주로 정리하였으니 나중에 응용하고 연습하면 충분히 클래스 문법에 대해 익숙해질거라 생각합니다! Class 자바스크립트는 프로타입 기반의 객체 지향 언어입니다! 옛날에는 클래스 대신 프로토 타입을 이용해서 객체 지향 프로그래밍을 하였는데 ES6가 도입되면서 자바스크립트에 클래스라는 키워드가 생겼고 기존의 프로토타입 기반의 객체 지향 프로그래밍보다 단순하고 간결하게 코드를 작성할 수 있게 되었습니다! Class 생성하기 클래스는 객체명 앞에 class라는 키워드를 이용해 생성할 수 있습니다. 1 2 3 4 5 class Joycoding { const..
알고리즘 자료구조 정말 난해하고 어려운 개념입니다. 개념은 그렇게 어렵지는 않지만 응용하기가 너무 힘든 내용이라고 생각합니다. 이번 블로깅은 자료구조의 기본 개념인 Stack과 Queues에 대해 블로깅을 해보도록 하겠습니다. # 스택(STACK) 이해하기 스택이란 쌓아 올린다는 것을 의미합니다. 쉽게 비유하자면 스택 자료 구조라는 것을 탄알집에 총알을 넣어 차곡차곡 쌓아 올린 형태의 자료 구조를 말합니다. 이미지로 이해하는 스택 원리 스택의 특징 스택은 위의 예시 사진 처럼 같은 구조와 크기의 자료를 정해진 방향으로만 쌓을수 있습니다. 맨 위에서만 접근 할 수 있으며 가장 최근에 들어온 자료를 가리킵니다. 삽입 연산은 'push', 삭제는 'pop'연산자를 씁니다. 따라서 스택은 시간 순서에 따라 쌓여..
코딩테스트 문제 80% 이상 차지하는 재귀함수 어떻게 해결해야 될까요 ? 재귀함수 정말 난해하고 어려운 내용 중 하나라고 생각합니다. 뿐만아니라 재귀적으로 해결 하기 위해서는 문제를 쪼개고 나누는 연습을 습관처럼 해야 논리적 사고가 함양되고 재귀문제를 수월하게 해결 할 수 있습니다. 그래서 오늘은 재귀적으로 생각하기에 대해 블로깅을 하겠습니다! # 재귀의 이해 재귀는 어떤 문제를 해결 할 때, 구조는 동일 하지만 더 작은 경우를 해결함으로써 그문제를 해결 하는 방법을 재귀 라고 합니다. 재귀는 주어진 문제가(구조가 비슷) 더 작은 문제로 나뉘어 질 수 있는 경우와 중첩된 루프가 많거나 중첩의 정도를 미리 알 수 없는 경우에 사용하기 매우 적합합니다. # 재귀적으로 사고하기 1. 재귀 함수의 입력값과 출력..
# 들어가기 앞서... 공부를 하다보면 객체지향프로그래밍이란 말을 들어본적이 있습니다. 너무 생소하고 어려운 내용이여서 기피 했는데 원리와 개념만 잘파악하면 충분히 할만한 공부인 것 같습니다! 이번 블로깅은 객체지향 프로그래밍에 대해 간단하게 개념정리를 하였습니다. 객체지향 핵심 개념 (Object Oriented Programming) 객체지향? 객체를 지향한다는 말이 다소 난해하고 이해하기 힘든 경우가 있습니다. 그래서 정말 간단하게 핵심만 요약하자면 객체지향 프로그래밍은 객체 데이터의 접근과, 데이터 처리 과정에 대한 관심을 주로 삼는 프로그래밍 방법론이라고 이해 하면 되겠습니다! 객체지향 언어는 "클래스" 라고 부르는 데이터 모델의 청사진을 사용해 코드를 작성합니다. 또한 현대의 언어들은 대부분 ..
개발 공부 36일차 2021-05-10 (객체지향 이론) 오늘은 객체 지향에 대해 공부하였다. 전에 간단하게 ES6 문법 정리를 했을 땐 너무 복잡하고 어려웠는데 다시 공부해보니 어느 정도 원리와 개념은 파악하게 되었다. 물론 너무 추상적인 개념이다 보니 완벽?은 아니지만 대충 어떤식으로 코드를 작성해서 작동하는지는 알 것 같다! 내일 다시 한번 복습을 하고 개념 정리 블로깅을 해야 겠다. 추가적으로 시간이 허락한다면 SASS도 같이 병행하면서 진행해야겠다! 객체지향!! 너무 재미있다! 물론 어렵고 익숙하지 않은 문법들이 등장하지만 하나하나 실험하고 해결되는 과정이 즐겁다! 내일도 즐코해야 겠당~! 개발 공부 37일차 2021-05-11 (재귀함수 문제) 오늘은 재귀적으로 학습하는 방법에 대해 학습하였다..
개발 공부 29일차 2021-05-03 (복습) 오늘 부터는 주 목표를 설정해서 효율적으로 스케줄을 관리를 해야 겠다!!! 이번주는 한달동안에 배웠던 내용을 총괄적으로 복습하는 주이다!!! 깃, 리눅스를 다시한번 살펴보고, 고차함수나, 반복문 등 부족했던 개념을 다시 학습해야 겠다! 오늘 내일까지는 리엑트를 좀 더 공부해서 트위터과제를 마무리 하고 목요일 시험을 대비해서 복습차원에 리엑트 개념들을 정리해야겠다! 오늘 하루도 아이스크림마냥 녹아 버렸다!!! 내일도 화이팅 하자!! 개발 공부 30일차 2021-05-04 (리엑트) 오늘 하루종일 리엑트만 공부하였다! 아직도 문법이 어색해서 많이 힘들지만 계속 보니까 어느정도는 이해 하였다. 리엑트는 눈으로 보는 것 보단 직접 코드를 작성하고 실험을 많이 해야..
문제 문자열을 입력 받아 문자열에 존재하는 각 단어의 개수 정보를 담은 객체를 리턴 ※ 단어가 존재하지 않을 경우, 빈 객체 리턴 ※ 단어는 공백을 제외한 연속된 알파벳 문자열로 정의 ※ 대소문자 구분하지 않습니다. 입출력 예시 1 2 let output = stingObj('come hello a COME a to me'); console.log(output); // --> { come: 2, a: 2, hello: 1, to: 1, me: 1 } cs 수도코드 & 코드작성 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 function stringObj(str) { // TODO: 여기에 코드를 작성합니다. let strLower = str.toLowerCase(..