post-thumbnail

CSS | 반응형 레이아웃을 위한 Relative units에 대하여

Absolute unit 대표적으로 px 대표적 문제점 컨테이너 사이즈가 변해도 해당 콘텐츠 크기는 변하지 않는다. px이 아닌 %로 하면 컨테이너 사이즈에 따라 콘텐츠의 크기가 변경된다. > Relative unit 🍞 em Relative to parent e

2021년 7월 8일
·
1개의 댓글
post-thumbnail

TypeScript | Index Signature - string key로 객체에 접근하기

TypeScript | Index Signature > 기존에 작업하던 JSX 파일을 TSX확장자로 바꾸어 작업을 하면서 새롭게 알게된 자바스크립트와 타입스크립트의

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

TypeScript | @types 없는 모듈 해결방법!

@types 없는 모듈 해결방법!!!!! > 0.1 단위의 별점을 렌더해야하는 부분에서 별점 모듈을 사용 하는데 있어 어려움이 있던 부분이 있었다. 바로 typescript용 모듈이 없는 경우이다.. 처음에 계속 오류가 떠서 뭐가 문제인지 서치했는데 도무지 무엇이 문

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

React | SVG 파일 효율적으로 활용해보자

React | SVG 파일 효율적으로 활용해보자 프로그래머스 웹페이지를 클론하면서 여러 이미지를 활용해야하는 부분이 있었다.

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

⛳ [카카오 프렌즈 골프] 클론 프로젝트를 마무리하며 - (2)

🏌️‍♀️ 기억하고싶은 코드 ⭐ React에서 텍스트로된 HTML코드를 추가하고 싶을 경우!! 우리 팀은 카카오 프렌즈 골프 페이지에 있는 이미지들의 저작권 문제로 저작권이 없는 캐릭터를 찾아 직접 목이미지들을 만들어 웹페이지에 활용했기 때문에 제품별로 상세 이

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

CodeKata. 재귀함수 - 문자열 뒤집기

🧐 문제 재귀(Recursion) 이전에 재귀에 대해 이미 배운바 있습니다. 오늘은 재귀를 사용해서 문제를 풀어주세요. str 이라는 'string'을 넘겨주면 글자순서를 바꿔서 return해주세요. reverse 메서드 사용은 당연히 금지입니다! 힌트 아래

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

CodeKata. 버블정렬(Bubble Sort) - 인접한 데이터를 교환하여 정렬

CodeKata. 🧐문제 🧐 나의 코드 💡접근 방법 > i=0 일 때, j=0 ~ j=nums.length-1 인덱스 값을 활용하여 가장 큰수를 뒤로 이동시킨다. (8) i=1 일 때, j=0 ~ j=nums.length-1-1 인덱스 값을 활용하여(8까지는

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

⛳ [카카오 프렌즈 골프] 클론 프로젝트를 마무리하며 - (1)

🏌️‍♀️ 프로젝트 개요 팀원 프론트엔드 : 박준모, 이지연, 조원영, 하연주 백엔드 : 전현수, 최준식 사용한 툴 개발 : React, React-Router, CRA, SASS, HTML 협업 : Trello, GitHub, Postman 담당 페이지 Pro

2021년 5월 23일
·
3개의 댓글
post-thumbnail

CodeKata. 배열 앞뒤 뒤집기

방법 1 방법 2

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

CodeKata. 복소수 곱해서 반환하기

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

CodeKata. 가장 큰 면적 값 반환

🧐 문제 🧐 나의 코드 > 💡 접근 방법 > **처음에는 그래프로 문제를 이해하려해서 문제의 본질을 보기에 더 어려웠다. 이 문제의 본질은 배열의 요소들 중 2개의 값을 설정하고, 기준이 되는 값와 나머지 값 사이의 면적이 반환되었을 때 가장 큰 값을 반환하면

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

[TIL] React : Westagram 회원가입 & 로그인

signup API 주소로 회원가입 진행 오류떴을 경우 API주소 앞단에 http://가 들어가 있는지 확인 백엔드와 key값(email, password)이 일치하는지 확인 🍒 DUPLICATED ERROR 확인 회원가입시, 동일한 아이디 값으로

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

CodeKata. 과반수 숫자 반환하기

CodeKata 07. 🧐 문제 🧐 나의 코드 > 💡 접근 방법 > 이중 for문으로 기준값과 비교값을 설정해준 뒤 값이 같으면 1씩 count 되도록 하여 nums.length/2(과반수) 이상이 되면 기준 값을 반환해주었다.

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

React_Mission 4. 댓글업로드 기능 컴포넌트화 시키기

우선 우리가 컴포넌트화 시켜야할 부분을 알아보자 댓글을 업로드 시킬때마다 화면상에 ``로 렌더링되길 희망하기 때문에 return 부분을 컴포넌트화 시키면 될 것이다. 컴포넌트쪼개는 방법이 궁금하다면 블로그에 ` 나는 Comment라는 컴포넌트를 만들어줄 것이기 때문

2021년 5월 4일
·
1개의 댓글
post-thumbnail

[TIL] React : component 생성 및 적용하는 법

` 리액트 실습 중 컴포넌트를 만들고 생성한 컴포넌트를 활용 및 import 하는 순서와 방법이 헷갈릴 수 있어서 정리해보았다. 아래 순서에 따라 빠짐없이 실행해주면 정상적으로 component를 만들고 적용시켜줄 수 있을것이다 😎` ⭐ 컴포넌트 폴더와 파일 1.

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

React_Mission 3. map함수 활용한 댓글 기능 구현

React_Mission 3. map함수 활용한 댓글 기능 구현 1. state 정의 > 우선, 부모 컴포넌트의 state에는 우리가 작성하고 있는 댓글값을 가져올 commentValue라는 key키와 댓글 submit시, 해당 글을 담아주는 배열인 commentL

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

React_Mission 2. input 입력 조건에 따른 Button 색상 활성화/비활성화

React_Mission 2. 1. state값의 변화에 따라 변하는 button의 className 지정하기 > button 태그 내 className에 조건문 부여하여 state값에 따라 className이 변하도록 한다 state의 isActive라는 key의

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

React_Mission 1. state에 input의 입력값 넣기

React_Mission 1. state에 input의 입력값 넣기 1. state정의 > - state에 우리가 입력한 input값을 담아주기 위해서는 우선 key값을 정해주고 비어있는 문자열을 value값으로 배당해주어야한다. 이렇게 해야 onChange 이벤

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

[TIL] React : 아주 쉽게 따라하는 Mock Data 활용법

가짜 데이터, 샘플 데이터, 실제 API 에서 받아온 데이터가 아닌 프론트앤드 개발자가 필요에 의해 샘플로 만들어본 데이터API 가 아직 준비중인 경우 : 프로젝트 진행 시 API가 나오기 이전에 페이지 레이아웃이 먼저 나오는 경우가 많다. 이러한 경우에는 백엔드에서

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

[TIL] 인증 & 인가

유저의 identification을 확인하는 절차(아이디/이메일이나, 비밀번호를 제대로 입력했는지)인증은 왜 필요할까? : 요청한 사람을 추적할 수 있도록인증에 필요한 것은? : 이중에 가장 필요한것은 패스워드유저의 비밀번호는 절대 비밀번호 그대로 DB에 저장 하지 않

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