# js
js로 가위바위보 만들기
도메인https://647364c156504440a1bef76b--curious-elf-ad8313.netlify.app/githubhttps://github.com/gyduddl/Rsp

TIL - 잡다한 JavaScript 기본지식
오늘 새로 배운 내용을 간단하게 공부하여 적는 공간으로 잘못된 정보가 포함되어있을 수가 있습니다.Udemy JS Clean Code 강의, 프로그래머스 코딩테스트 문제풀이 등을 공부하며 배웠던 내용들을 간단히 요약해서 적어보겠다.실제 내 코드에도 적용시켜 보면서 확실히

노마드코더 바닐라JS 8강
navigator라는 함수와 내부 두 가지 모듈이다. 이걸 그냥 부르기만 하면 브라우저가 위치 좌표를 준다. 매우 유용한 기능이다.getCurrentPosition()은 두 개의 인자가 필요하다.하나는 정상시 실행할 함수, 둘은 오류시 실행할 함수다.그래서 아래와 같은
자바스크립트 지뢰찾기
지뢰찾기 게임이다. 만들면서 당연하겠지만 더 복잡하고 난이도 있는 프로젝트에서는 함수와 함수끼리 심지어 비동기가 껴있으면 요리조리 이동하기 때문에 내가 작성하고 있는 함수가 어떤 역할을 하고 있는지 어떤 데이터를 참조하고 다루는지 확실하게 알아야 할 것 같다.추가로 h
채팅앱 만들어보기 (1) - node서버 구성
가장 먼저 레포지를 만들고 시작하겠습니당레포지는 각자 잘 만드십쇼 저는 백엔드코드와 프론트코드를 같이 관리 하겠습니다. 한 레포지토리에 같이 관리를 해본적은 없는데 뭐 문제 생기면 나중에 수정해보도록 하겠습니다app.js를 생성하고 아래에 입력하면 끝위에 코드로 가장
채팅앱 만들어보기 (0)
요즘 회사에서 채팅기능이 포함된 프론트개발을 담당하고있다.프론트뿐 아니라 백도 직접 해보면 지금이나 나중에 도움이 될거라 생각한다.서버는 노드로 구성을하고 디비는 마리아DB를 쓸 예정이다프론트는 리액트랑, 리액트네이티브를 쓸건데 집에서는 앱 개발이 쉽지않아서 먼저 리액

한입 크기로 잘라먹는 리액트 Section 6
1) 사용자 입력 및 배열 리스트 처리하기2) React Lifecycle과 API3) React App 프로처럼 성능 최적화하기 with 도구 사용4) React 컴포넌트 트리에 전역 데이터 공급하기한시간 째 나는 시작도 못하고 애만 먹고 있다..진짜 이거 왜이러는거
JS 클로저 - 커링 함수
여러 개의 인자를 받는 함수를 하나의 인자만 받는 함수로 나눠서 순차적으로 호출 될 수 있게 체인 형태로 구성한 것을 말합니다.커링은 한 번에 하나의 인자만 전달하는 것을 원칙으로 합니다.또한 중간 과정상의 함수를 실행한 결과는 그 다음 인자를 받기 위해 대기만 할 뿐
JavaScript console.log()에서 콤마(,)와 더하기(+) 연산자의 차이
JavaScript console.log()에서 콤마(,)와 더하기(+) 연산자의 차이

About Function.property
자바스크립트에서 어떤 객체든지 간에 모든 객체는 자신의 부모인 Object.protoype 을 갖는다 그렇다면 객체의 일종인 함수도 Obejct.prototype을 가지고 있을까? 궁금하면 크롬 개발자 도구에서 직접 console.dir을 통해 알아볼 수 있다.
[TIL #47] 머신러닝 프로젝트 #4
백엔드 개발이 먼저 끝나고 백엔드 개발 인원들이 프론트에 붙어 같이 작업하게 되었습니다. 이 과정에서 확실히 속도가 붙은건 좋았으나 js를 서로 만들다보니 그 구조과 굉장히 복잡해진 것 같습니다.오늘 있었던 사례를 적어보겠습니다.네비게이션 바에 적용할 자바스크립트를 적
TIL 10 일
오늘 코드중에 주석 처리가 안되서 방법을 찾아 보았다 CTRL + SHIFT 를 누르면 아래같이 변경 해주면 기본 주석 처리 다시 실행된다. CTRL +/ 명시적 형 변환 / 숫자 형 변환 자바스크립트 예시 문제를 풀어보았다 문자열과 숫자열의 값이 숫자
axios와 fetch의 차이점
프로젝트를 처음하는 분이라면 api가 생소할 수 있다. api를 백엔드 개발자들이 만들고, 프론트엔드 개발자들은 api를 받아와서 잘 요리한다고 생각하면 쉽게 이해할 수 있다. 우선 fetch에 대해서 설명해보자면,라는 코드가 있다!나는 사실 항상 코드를 보면서 의문이

[JS] 할인 행사
XYZ 마트는 일정한 금액을 지불하면 10일 동안 회원 자격을 부여합니다. XYZ 마트에서는 회원을 대상으로 매일 한 가지 제품을 할인하는 행사를 합니다. 할인하는 제품은 하루에 하나씩만 구매할 수 있습니다. 알뜰한 정현이는 자신이 원하는 제품과 수량이 할인하는 날짜와

JS Object 메서드2
Object.getOwnPropertyDescriptor() 구문 Object.getOwnPropertyDescriptor(obj, prop) 설명 obj객체의 prop 속성에 대한 설명자를 반환해요 예제 참고로 defineProperties()메서드를 사용하여
[TIL] 230526
코드리팩토링시도1 통신이기 때문에, url이 들어올 때 까지 기다릴 수 있도록 loadJson에 async await 처리를 해주었다.입력하는 함수 부분에도 입력을 기다리게 만들 수 있도록 처리를 해주는데 .then catch문으로 제어를 하고 있어서 try catch

HTML,CSS,JS,MongoDB를 활용한 풀 스택 프로젝트(취미 공유 플랫폼) API
프로젝트를 진행하면서 생성한 API와 로직에 대해 설명을 하겠다. 1. 암호화 함수 사용자가 전달한 암호는 createCryptoPassword에서 createSalt로 생성한 Salt값을 활용하여 같이 sha-512 해쉬 알고리즘으로 해쉬화가 된다. getCry

Front-E 강의수강 및 정리
UDR에서 제출한 개인과제를 노션으로 작성하여서 여기에 링크를 걸어두면 좋을 것 같다. 6주차 브라우저 렌더링 강의정리7주차 놓치면 후회할 JS문법 총정리