profile
개(발)초보
post-thumbnail

SignUp 리팩토링 한것들 1

=== false 없애고 작성해주세요.삼항 연산자로 좀 더 깔끔하게 해볼 수 있겠네요!토글 기능 구현 시에 조건문 없이 할 수 있지 않을까요?

약 21시간 전
·
0개의 댓글
post-thumbnail

[React] modal 로그인창 만들기 ⚑

import React, { Component } from "react";import { Link } from "react-router-dom";import "./SignIn.scss";class SignIn extends Component { state = {

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

onChange의 event handler를 한 방에!

항상 여러개의 함수로 관리하던 기능을 이번 시간에 하나로 합쳐보는 방법에 대해 알아보자 역시 코드는 길어질수록 지저분해진다 이런걸 깔끔하고 짧게 줄여주는것이 코딩의 실력 !!! 이렇게 줄여줄수 있다.

6일 전
·
0개의 댓글

(React) Mock Data

1차 프로젝트를 하면서 목데이터의 중요성을 느끼고벨로그를 작성하고있다..그냥 혼자 하드코딩으로 페이지를 만들때처럼 내가 원하는대로 맡은 페이지를 코딩하고있었다 이렇게 작성하고 백앤드한테 API를 받고나선 멘붕이 왔다.....내가 작성한 코드를 수정 OR 갈아엎어야하는

6일 전
·
0개의 댓글

fetch 함수로 api 받아오기

import React, { Component } from "react";import "./DetailLeft.scss";class DetailLeft extends Component { constructor() { super(); this.state =

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

navbar 만들기

import React, { Component } from "react";import { Link } from "react-router-dom";import Skin from "./Skin";import BodyCare from "./BodyCare";import Uv

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

[css]애니메이션 사용 하기

navbar를 만들면서 네비게이션에서 리스트를 마우스 오버하는데 동적인 효과가 없어서 뭔가 가시성이 많이 떨어졌었다 그래서 어떻게 하면 좀 내가 마우스를 이동해서 다른 리스트로 갔는지 보기편하게 애니메이션 효과를 줘봤다. 코드는 위와 같다.HotItem { displ

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

componentDidMount(),fetch

constructor() 1등 render() 2등 스테이트에 변화가 생길때마다 랜더한다. componentDidMount() 3등 최초로 1번만 실행한다.fetch("https://jsonplaceholder.typicode.com/users") f

2020년 7월 15일
·
0개의 댓글

인증(Authentication) & 인가(Authorization)

유저의 아이디와 비밀번호를 확인하는 절차인증을 하기 위해서는 유저의 아이디와 비밀번호 생성 기능도 필요함유저의 pw는 절대 pw 그대로 DB에 저장하지않는다DB가 해킹당할시 유저의 pw도 그대로 노출 됨.꼭 외부에서 해킹이 아니더라도 내부 개발자나 다른 사람들이 유저의

2020년 7월 14일
·
0개의 댓글
post-thumbnail

[React]State,Props,Event

리액트 컴포넌트에서 다루는 데이터는 두개로 나뉜다. state 와 props(“properties(속성)”의 줄임말) props 는 부모 컴포넌트가 자식 컴포넌트에게 주는 값. 자식 컴포넌트에서는 props 를 받아오기만하고, 받아온 props를 직접 수정 할 수

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

[React] React, CRA, Component, JSX

component 1. 가독성을 획기적으로 올릴수있다. 2. 재사용성이 높아진다. 3. 유지보수가 편리해진다.

2020년 7월 11일
·
0개의 댓글

알고리즘 문제 1-4

숫자인 num을 인자로 넘겨주면, 뒤집은 모양이 num과 똑같은지 여부를 반환해주세요. > num: 숫자 return: true or false (뒤집은 모양이 num와 똑같은지 여부) const sameReverse = num => { let b = ${num}

2020년 7월 11일
·
0개의 댓글

알고리즘 연습 1-3 미완성

const getLengthOfStr = str => { let result = \[] //result에 빈 배열을 만들어줬다 이유는 for문에서 돌리는 값을 result에 넣어서 반환 할 공간을 만들기 위해서 // for(let i = 0;i<str.

2020년 7월 8일
·
0개의 댓글

javascript 알고리즘 1-2

const reverse = x => {let reString = \`${x} \`.split('').reverse().join('') x에 숫자열 인자 1234가 있다 이걸 split('')를 사용하면 '1', '2', '3', '4' 문자열로 하나씩 반환한다

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

인스타그램 로그인 페이지 클론 (자바스크립트 )

아이디 비밀번호 입력시 클릭창에 색상 들어오게 하기아이디 비밀번호 입력 안하면 알람창 뜨게하기

2020년 7월 6일
·
0개의 댓글
post-thumbnail

[Data Structure] 1. Array

일반적으로 가장 자주 사용 되는 자료 구조ArrayTupleSetDictionaryStack & QueueTree순차적으로 데이터를 저장하는 자료 구조순서가 상관 없더라도 서로 연결된 데이터들을 저장할때 일반적으로 사용기타 특징삽입이 순서대로 저장이미 생성된 리스트도

2020년 7월 6일
·
0개의 댓글
post-thumbnail

javascript 알고리즘 1-1

문제풀이const twoSum = (nums, target) => {for (let i = 0; i < nums.length; i++) { for(let j = i+1; j<nums.length; j++){ if(target == numsi+n

2020년 7월 6일
·
0개의 댓글