profile
성장,,하고싶다
post-thumbnail

this에 대해 알아보자 1편 - 코어자바스크립트

이 놈(this)이 도대체 뭘까요?자바스크립트를 혼자 공부하며 이부분에서 가장 혼란스러웠던 것 같습ㄴ다.저 같은 분들이 많을 것이라 생각해서, 이번 시간에는 this에 대해 확실히 잡아보고자 작성하게 됐습니다. 타 객체지향 언어에서 this는 클래스로 생성한 인스턴스

2022년 6월 26일
·
0개의 댓글
post-thumbnail

DOM과 Event에 대해서 알아보자

Dom과 Event에 대해서 설명할 수 있다.웹에서 HTML, CSS, Javascript가 어떤 기능을 하는지 설명할 수 있다.HTML에서 Javascript를 연결하는 방법 2가지를 설명할 수 있다.DOM의 정의와 기능에 대해 설명할 수 있다.DOM을 이용해서 Ja

2022년 4월 4일
·
0개의 댓글
post-thumbnail

Error를 대하는 우리의 자세

에러 == 도움말 개발자는 에러에 익숙해져야 한다. 말로는 쉽다. 어디까지나 내 일이 아닐 경우에는 말이다. :) 빨간 글씨만 보더라도 머리가 하얘지고 손이 떨리기 마련이다. 이런 화면을 두려워하지 않으려면 많이 넘어보는 수 밖에 없다. 결국 두려움은 정체를 알

2022년 4월 1일
·
1개의 댓글

switch

주로, 논리적 참, 거짓을 구분하기보단, 다양한 상황에 맞춰 실행할 코드블록을 결정할 때 사용한다ex) 학점 평가 문제switch문은 주어진 표현식을 평가해서 case문으로 실행 흐름을 옮긴다.case 문은 상황을 의미하는 표현식을 지정하고 ;으로 마친다.간단한 예제로

2022년 3월 31일
·
0개의 댓글
post-thumbnail

알고리즘이 너무 어려울 땐 - 4일차 회고

레플릿 지옥에 빠지지 말자, 자바스크립트에만 집중할 수 있게,..

2022년 3월 31일
·
0개의 댓글

객체의 반복문

배열은 순서가 있고 인덱스를 이용하면 반복이 가능하다.이런 방법을 이용하면 쉽게 배열을 순회할 수 있다.그렇다면 객체는 어떻게 순회할 수 있을까?크게 두 가지 방법이 있다고 한다.먼저 자체 object 메서드를 사용하는 법이다.Object.keys 메소드는 객체가 가지

2022년 3월 30일
·
0개의 댓글
post-thumbnail

건담과 객체 지향 프로그래밍 - class

클래스는 객체 지향 프로그래밍의 핵심이라고 말한다.객체 지향과 클래스는 무슨 뜻일까?객체 지향 프로그래밍이란 말은 귀에 땀이 나도록 들었다.내 나름대로 해석한 바는 다음과 같다.우선 객체 지향은 프로그래밍을 하는 방식(?) 패러다임 중 하나다.여러 방법이 있겠지만,프로

2022년 3월 30일
·
0개의 댓글
post-thumbnail

자바스크립트 기초 다지기

컴퓨팅 사고를 기르기 위해서는 알고리즘 공부가 필수라고 한다.대표적인 백준, 프로그래머스를 살펴봤지만 백준은 백엔드 기준이라 자바스크립트로 입력하기는 어려움이 많았다.프로그래머스는 코딩테스트을 바탕으로 구축되어 있어, 나같은 애송이에겐 어울리지 않았다.그러던 중 스터디

2022년 3월 1일
·
0개의 댓글
post-thumbnail

JS에서 데이터 타입이 중요한 이유

'개발자는 명확하고 클리어하게 소통해야 한다.' 야놀자 클라우드 정재훈 CTO와 인터뷰를 가졌을 때 들었던 말이다. 컴퓨터는 너무 바보같아서 우리가 추상적으로 표현하는 말들을 알아듣지 못한다. 그렇기에 매번 명확하고 또 정확하게 누가 들어도 알아들을 수 있도록 설명하

2022년 2월 26일
·
0개의 댓글
post-thumbnail

JS 변수 이름 잘 짓는 법

아무리 복잡한 어플리케이션, 웹 , 프로그램이라도 데이터를 입력받아 처리하고 결과를 출력하는 것이 전부다. 이 데이터를 관리하는 핵심 개념이 바로 '변수'다. 변수 이름을 잘 지어야하는 이유 > 변수는 하나의 값을 저장하기 위해 확보한 메모리 공간을 식별하기 위해

2022년 2월 25일
·
0개의 댓글
post-thumbnail

제이쿼리, 자바 기초

이번 시간에는 이름과 지역을 입력할 수 있는 창을 만들어보았다.지역을 부산, 서울, 제주도로 바꿀때마다 하위 동네 탭에 있는 목록도 함께 바뀌는 구조다.상위 목록을 선택함에 따라 하위 목록도 변환시키는 창을 자바스크립트로 구현해보자.자바스크립트의 핵심을 잊지말자. 화면

2022년 1월 13일
·
0개의 댓글
post-thumbnail

자바스크립트 기초 - 변수 선언

Let 은 새로운 변수로 할당이 가능하다괄호를 이용해서 블럭을 작성하면 밖에서 접근이 불가능하다.console.log(name);그러나 블록 바깥에서 작성한 코드는 global scope 라고 부르는데, 이는 항상 호출 가능하다.console.log(global_sco

2022년 1월 13일
·
0개의 댓글
post-thumbnail

자바스크립트 함수

누가 그러던데, 코딩을 하다보면 "나 왜 이걸 모르지, 바보인가?"와 "역시 난 천재인가?"를 무한 반복한다고 그러더라... 물론 나도 그랬다.최근 클론코딩을 진행하다가, 아무리 시도해도 js가 적용이 안되길래 뭐가 문제인지 찾아봤다.계속해서 프로퍼티가 null이라고

2022년 1월 12일
·
0개의 댓글
post-thumbnail

드림코딩 - fetch

이번 시간에는 자바스크립트를 활용해 드림 코딩의 무료 강의 중 하나인 미니 게임 웹 페이지 제작을 진행했다. 자바스크립트가 역시 얼마나 힘든지 다시 알 수 있는 순간이기도 했다. 아무튼, 지난 시간에는 json을 통해 서버와 클라이언트가 서로 교신하는 방법을 공부했다

2022년 1월 6일
·
0개의 댓글
post-thumbnail

계획

코딩에 들어가기 전 세부적으로 계획하는 습관을 들이자.작은것이라도 계획할 줄 알아야 나중에 큰 프로젝트를 진행할때도 차질없이 진행할 수 있다. 그리고, 자바스크립트로 동적인 웹사이트를 만들기 이전에는 정적인 것으로 구현해놓고 차근차근 바꿔 나가는 것이 구현에 있어 유리

2022년 1월 5일
·
0개의 댓글
post-thumbnail

첫 페이지 완성

자바스크립트로 처음 페이지를 만들었다. 마지막인 날씨 기능을 추가하고 css 작업을 통해 업데이트를 지속적으로 할 예정이다.

2021년 12월 12일
·
0개의 댓글
post-thumbnail

filter

지난번엔 리스트를 만들어 문자 타입을 스트링으로 바꿔주고, 스트링을 다시 자바에서 활용가능한 오브젝트로 변환하는 과정을 배웠다. 이번 시간에는 array 내에 있는 string이 object로 바뀐 후, foreach가 적용된 상태에서, localstorage에 있는

2021년 12월 7일
·
0개의 댓글

todo

자 이번엔 리스트를 만들어보자. 먼저 html에 todo-form , todo-list를 만들었다.

2021년 12월 6일
·
0개의 댓글
post-thumbnail

random

클론 코딩의 연속이다이제, 명언과 배경화면을 띄울 차례다.리프레쉬할때마다 새로운 문구와 화면이 뜨면 좋을 듯 하다.먼저, 새로운 js 파일을 두개 만들어준다html 내에서 명언을 받아줄 Div 태그를 만들고 id를 설정한다.명언과 화자가 등자해야하니span 태그도 두개

2021년 12월 4일
·
0개의 댓글
post-thumbnail

clock

시계 만들기 이번엔 시계를 만들었다. setInterval과 setTimeout을 이용해서다 먼저 setInterval은 몇 초마다 함수를 반복해서 실행하는 코드다 즉 이렇게 입력하면 hi!라는 텍스트가 3초마다 실행되는 것을 확인할 수 있다. 즉 앞이 함수,

2021년 12월 3일
·
0개의 댓글