2taesung.log - mysetting

4:39 6/26

velog.io

mobile screenshot relative

4:39

velog.io

mobile screenshot

2taesung.log
https://velog.io/@2taesung

창의적인 개발자가 되고싶습니다.

저작도구: velog

최종 피드 수집: 2021-11-25 06:15

전체 (84)

2d

[TDD] 테스팅의 이유

1. 테스팅으로 얻는 이점?
디버깅 시간 단축
만약 데이터가 잘못 나왔다면 그것이 UI의 문제인지 DB의 문제인지
전부 디버깅을 해봐야하는데
테스팅 환경이 구축되어있다면 자동화 된 유닛 테스팅으로 특정 버그를 쉽게 찾아 낼 수

000

16d

[wt.gg] 네이버 웹툰 크롤링

wt.gg
1. 포스팅 개요
싸피 5기 2학기 세번째 자율 프로젝트를 진행 중이다.
자율 프로젝트는 내가 좋아하는 동생들인 은지, 성안이와 프로젝트를 시작했고 우리 셋이 팀이 결성되면서 프로젝트를 할 주제도 웹툰으로 결정한 상태였

000

20d

[React] 아니면 CSS대신 SASS를 쓰자 (SASS 문법 10분 총정리)

sass 설치
yarn(npm) add node-sass
sass 활용법
1. 변수에 데이터를 저장해서 쓰자
$변수명:변수에넣을값
2. @import 파일경로
=> @import 를 통해 다른 scss 파일들을 주고받을 수 있다.

000

22d

[React] 평화로운 쇼핑몰 레이아웃 디자인 시간

이제 본격적으로 bootstrap을 활용해볼건데
기존에 하던대로 코드를 그대로 가져오니 에러가 ..
일명 component에 해당하는데 react-bootstrap 모듈에서 가져와야한다
모두다 가져올수도 있지만 메모리 절약과 깔끔

000

23d

[React] 쇼핑몰 프로젝트 : 프로젝트 생성 & Bootstrap 설치

쇼핑몰 프로젝트 : 프로젝트 생성 & Bootstrap 설치
=> 어제 부트스트랩을 이용한 버튼을 만드려고 하는데 분명 부트스트랩이 이미 들어있다고 들었는데
=> 평소처럼 부트스트랩 클래스를 넣는데 아무런 반응이 없다..
=>

000

23d

[React] class를 이용한 옛날 옛적 React 문법

class ~ extends ~
class Profile extends React.Component {
~
}
=> React.Component에서 뽑아서 Profile이라는 클래스를 만들겠다.
constructor
sta

000

25d

Naive Bayes Classification

https://youtu.be/Y4ecU7NkiEI
Naive Bayes Classification
이유 불충분의 원리
아무 증거나 근거가 없는 상황에서 확률을 50대50으로 놓는 것
사랑하는 사람이 초콜렛을 줄 확률
P(초콜렛|

000

25d

기타 python packages

기타 python packages
Matplotlib
MATLAB과 만드는 시스템이 비슷하기에 시작이 Mat
%matplotlib inline
=> 해당 코드를 꼭 넣어줘야 표 안에 인라인으로 보이게 할 수 있다.
=> legen

000

25d

Broadcasting

tile
vv = np.tile(v, (4, 1)) # Stack 4 copies of v on top of each other
print(vv) # Prints "[[1 0 1]

000

25d

[SendUScent ] ERD 그리기

SendUScent
1.포스팅 개요
싸피 5기2학기 두번째 프로젝트에 돌입
치열한 아이디어 회의 끝에 향수를 추천해주는 서비스 결정
(우여곡절이 있었지만...)
프론트엔드 직무를 희망하지만 이번 프로젝트는 역할을 기능별로 나눴기

000

25d

Numpy

Numpy
특징
모든 값이 동일한 타입을 갖음(비교:리스트는 다른 타입도 가능)
인덱스는 튜플
차원은 행렬의 랭크가 됨
shape는 차원을 튜플로 표현함
a = np.array([[1, 2, 3], [4, 5, 6]])
print

000

30d

[React] input 다루기 1 : 사용자가 입력한 글을 변수에 저장하는 법

input 다루기 1 : 사용자가 입력한 글을 변수에 저장하는 법
onInput vs onChange
=> 둘이 하는 기능은 똑같다고 보면 된다.
=> 뭔가 입력이 될 때 안의 함수가 실행됨
console.log로 확인 해보면 되

000

30d

[React] (UI 제작 패턴) props를 응용한 상세페이지 만들기

(UI 제작 패턴) props를 응용한 상세페이지 만들기
패턴 그냥 암기
UI 만드는 법:
UI와 관련된 중요 정보들 state로 저장해놓고
state에 따라서 UI가 수정되게 만들면 됩니다.
Q. 제목을 누를 때, 각각 다른 모

000

30d

[React] props : 자식이 부모의 state를 가져다쓰고 싶을 땐 말하고 쓰셔야합니다

모달 안에 상세 내용을 넣어주고 싶다
앱을 부모 컴포넌트
모달이 자식 컴포넌트
props로 자식에게 state 전해주는 법
<자식컴포넌트 작명={state명} />
자식 컴포넌트에서 props 파라미터 입력 후 사용
{

000

30d

[React] map : 많은 div들을 반복문으로 줄이고 싶은 충동이 들 때

중괄호 안에 바로 for문 못 쓴다.
map() 함수를 써야한다.
=> js 문법의 하나하나에 적용해 새로운 어레이를 출력해내는 함수
=> 괴상 망측하다
a 인자는 앞의 글제목의 하나하나의 어레이들을 받아낸다.
{

000

1M

[1일1js] 콜백 문제

https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Asynchronous/Promises#the_trouble_with_callbacks
콜백 문제
약속을 통한 개선
피자 주문

000

1M

[React] 클릭하면 동작하는 UI (모달창) 만드는 법

클릭하면 동작하는 UI (모달창) 만드는 법
<Modal>
=> 이것도 일종의 js 표현식이다. 그러므로 if 문 등 온갖곳에 다 들어갈 수 있다.
=> 그래서 if 안에 넣는다.
if 조건() {
<Modal />
} els

000

1M

[React] React Component : 많은 div들을 한 단어로 줄이고 싶은 충동이 들 때

root 태그에 div가 여러개 존재할 수 없다
우리는 항상 return ( 요 안에서 ) 작업을 하고 있다는 것을 기억해야한다.
그래서 모달 창을 만들때, 큰 div 안에 만든다
=> 이거 뭔가 코드의 구조는 다른데 Vue에서

000

1M

[React] 숙제 해설 : 블로그 글 수정버튼 만들기

숙제 해설 : 블로그 글 수정버튼 만들기
함수의 () 여부의 차이
<button onClick={ 제목바꾸기 }>버튼</button>
=> 여기 부분에 제목바꾸기라는 함수가 들어간다
=> 근데 여기에 ()를 치면 안된다.

000

1M

[React] 버튼에 기능개발을 해보자 & 리액트 state변경하는 법

노란색 warning은 에러는 아님
노란색 warning은 -eslint가 잘못된 코딩 습관 같은거를 체크해줌
예, 변수 만들고 안썼어요!
보기 싫으면 가장 상단에
/*eslint-disable*/
=>와 꿀팁
좋아요 버튼

000