profile
Remember me..

React, loginForm state하나로 input두개 제어하기

아래의 코드에 쓰인 destructuring, Computed Properties를 점차적으로 알아 보겠다. ` > destructuring > Computed Properties(계산된 프로퍼티) 객체의 프로퍼티 키 값을 변수로 넣을 수 있다. > 이

어제
·
0개의 댓글
·

[Authentication] 인증과 인가

웹페이지의 필수 기능 회원가입 구현 절차 웹상에서의 인증과 인가, 쉽게 표현하여 회원가입, 로그인 상태라고 할 수 있다. 웹에서의 인증에는 여러가지 유형이 있습니다. SFA (단일 요소 인증) Single-Factor Authentication, ID와 비밀

3일 전
·
0개의 댓글
·
post-thumbnail

git conflict 과정(상세하게)

Conflict(충돌)는 서로 다른 브랜치에서 같은 파일의 같은 줄에 작업을 할 때 코드가 중복되어 발생하는 상태를 의미합니다. Git으로 프로젝트를 관리할 때 마주하게 되는 Conflict에 대해 직접 해보고 기록 해 보았습니다.준비물테스트용 깃헙 레파지토리 푸쉬할

2022년 8월 3일
·
2개의 댓글
·

CSS rem,em,vw/vh 기록

우선 rem, em 차이를 알아보자 1rem -> 'html의 font-size' x`1 ----> html의 font-size가 20px이면 1rem = 20px, 2rem = 40px 1em -> '해당 요소의 font-size' x 1 ----> fon

2022년 8월 2일
·
1개의 댓글
·

구조 분해 할당 파헤쳐 보기

구조 분해 할당이란? 구조 분해 할당 구문은 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 JavaScript 표현식입니다. -> 구조 분해 할당 mdn 1. 여러값 한번에 할당하기 위에 코드는 a,b 값으로 10,20, 할당하고, 나머

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

너무 많은 'for'문 정리

'for', 'for in', 'forEach', for of 를 내 것으로 만들어 보자.자바스크립트 공부했다면 바로 아는 것, 그래도 한번 정리 해 보았다.\-> for (카운트변수선언; 조건; 조건이 참일 때 카운터 변수 변화) { 실행 할 반복문 }

2022년 7월 29일
·
2개의 댓글
·

wecode JS replit 25번 복습

Assignment class 생성을 연습해보겠습니다. MyMath 라는 class를 생성해주세요. constructor 에서는 숫자 2개를 인자로 받아 프로퍼티로 저장합니다. 총 4개의 메서드를 구현해주세요. getNumber : 두 개의 숫자가 무엇인지 배열로 반

2022년 7월 29일
·
0개의 댓글
·

Code Refactoring

가독성 좋은 코드 만들기id ・ class, 변수, 함수의 이름에서 의미가 직관적으로 드러나게 작성해해야 된다.코드는 쓰는 경우보다 읽히는 경우가 훨씬 많다.개발자가 보내는 시간 중 코드를 짜는 시간은 10% 밖에 안된다고 한다.나머지 90% 시간은 모두 코드를 읽고

2022년 7월 28일
·
0개의 댓글
·

wecode JS replit 23번 복습

Assignment이제까지 하셨던 Assignment 와는 조금 다른 유형입니다. 그 동안에는 특정값을 구해서 리턴 했다면, 이번에는 인자로 받은 데이터를 조합해서, 구조를 바꿔서 리턴합니다.getData 함수를 구현해주세요!getData 함수는 세 개의 배열을 인자로

2022년 7월 27일
·
0개의 댓글
·

wecode JS replit 22번 복습

Assignment최소(min), 최대값(max)을 받아 그 사이의 랜덤수를 return 하는 함수를 구현해주세요.함수는 짧지만, 이번에는 수학의 뇌를 조금 써야 하는 assignment 입니다. 🙌앞으로 랜덤함수를 쓸 일이 정말 많습니다.그런데 Math.random

2022년 7월 26일
·
0개의 댓글
·

HTML과 Javascript를 연결시켜주는 DOM

1. DOM 이란?? 사전적 의미 DOM(Document Object Model)은 웹 페이지에 대한 인터페이스입니다. 기본적으로 여러 프로그램들이 페이지의 콘텐츠 및 구조, 그리고 스타일을 읽고 조작할 수 있도록 API를 제공합니다. 먼저 DOM을 이해하기 전에

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

wecode JS replit 21번 복습

Assignment 미국을 비롯해 전세계 대부분의 나라들이 생일을 기준으로 나이를 계산 합니다. 쉽게 말해 미국은 태어나자마자 0살이고 생일을 지나야 비로소 한 살이 됩니다. 반면에 한국은 태어나자마자 1살이고 연도가 바뀔 때마다 한 살씩 먹습니다. 예를 들어 미국에

2022년 7월 23일
·
0개의 댓글
·

wecode JS replit 20번 복습

Assignment nationalPensionRemainingYearCount 함수를 구현해주세요. 우리나라는 국민연금을 만 65세 부터 받을 수 있습니다. nationalPensionRemainingYearCount 는 age_string 이라는 input을 받

2022년 7월 22일
·
0개의 댓글
·

인자(Argument),매개변수(Parameter) 정의

지금에 와서 정의하는 이유구글링을 하다보면 인자와 매개변수를 확실히 구분해서 알지 못하는 자신을 발견하곤 한다. 하지만 구분해야할 필요성을 크게 가지지 않았었는데,앞으로 협업을 많이 하게되면서 정확한 용어 사용이 혼돈 없는 커뮤니케이션에 도움이 된다는 생각이들어 지금에

2022년 7월 21일
·
0개의 댓글
·

wecode JS replit 19번 복습

AssignmentString의 slice() 는 자주 사용 되는 문자열 메소드 중 하나 입니다. 먼저 slice 에 대한 설명을 가볍게 읽어봅시다 👉 slice설명그 후 sliceCityFromAddress 함수를 구현해 주세요.sliceCityFromAddress

2022년 7월 21일
·
0개의 댓글
·

position 속성 - fixed,relative, absolute

1. position: fixed fixed는 말그대로 고정한다는 뜻이다. 스크롤을 내려도 fixed한 태그는 화면의 고정했던 위치에서 벗어나지 않는다. 예를들어 네이버의 하단 우측 '다크모드'와 '페이지 상단으로 이동'이 있다. 사용법은 매우간단하다. 해당코

2022년 7월 19일
·
0개의 댓글
·

Semantic Web, Semantic Tag 이해

Semantic web이란?Semantic Web은 ‘의미론적인 웹’이라는 뜻으로, 기계가 이해할 수 있는 형태로 제작된 웹을 의미합니다.또 사람의 머리 속의 언어에 대한 이해를 컴퓨터 언어로 표현하고 이것을 컴퓨터가 사용할 수 있게 만다는 것을 말합니다.간단한 예로

2022년 7월 18일
·
0개의 댓글
·

'box-sizing: border-box'을 사용하는 이유

box model모든 HTML 요소는 박스(box)모양으로 구성되며, 이것을 박스모델(box model)이라고 부른다.위의 코드를 실행해보면, 같은 width 300px 이라도, padding의 값에 따라 width값이 더 커진다. 이는 width값이 위 그림의 con

2022년 7월 18일
·
0개의 댓글
·

javascript innerText로 링크 걸고, 없애기

펌할때 사용한글로 타이핑 한 부분은 본인 코드에 적용 시 바꿔주면 된다. 위 방법 외에 더 깔끔한 방법은 분명 있습니다..!

2022년 7월 7일
·
0개의 댓글
·

자바 스크립트 이미지 슬라이드쇼 구현해보기

javascript 코드간단한 코드라 부현 설명 할게 없다..이보다 더 간결한 코드가 있으면 공유해주세요,,

2022년 7월 7일
·
0개의 댓글
·