profile
프론트엔드
post-thumbnail

0617 python 코드 리팩터링

twitter api와 구글 스프레드시트 api로 봇을 개발한지 39일째언어는 python, 처음 코드를 작성할 때는 프로그램이 의도한 대로 작동하는 것에 중점을 두었다.지금은 추후 기능을 더하거나 버그를 잡을 때 유용하도록 코드 로직을 직관적으로 수정하고 가독성을 개

2022년 6월 17일
·
0개의 댓글

Adjacent JSX elements must be wrapped in an enclosing tag

에러 메시지Parsing error: Adjacent JSX elements must be wrapped in an enclosing tag. Did you want a JSX fragment <>...</>?원인1\. react app이 return하는 내

2022년 6월 14일
·
0개의 댓글

0608

공부내용 한줄 요약reacJS state로 투두리스트 만들기state는 함수를 통해서만 수정할 수 있다. toDos.push 등 사용 Xform 안의 input value를 state값에 연결하고, form이 submit될 때마다 다른 state값(빈 배열)에 valu

2022년 6월 8일
·
0개의 댓글

0607

공부내용 한줄 요약'Cleanup 함수' component가 destroy될 때도 함수를 실행할 수 있다.useEffect 안에서 함수를 return해두면 컴포넌트가 파괴될 때 실행시켜 준다.\*\* 컴포넌트는 jsx를 return하는 function일 뿐!Commen

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

0606

공부내용 한줄 요약useEffect()로 특정 코드가 실행될 조건을 정의할 수 있다.useEffect(실행될 code, state)특정한 state가 변했을 때 code가 실행된다. 공란이면 컴포넌트 로딩 시 1회만 실행.\* create-react-app을 사용하기

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

0515

공부내용 한줄 요약.propTypes로 버그를 잡을 수 있다.1.< script src="https:/ /unpkg.com/prop-types@15.7.2/prop-types.js"></ script>추가2. 컴포넌트명.propTypes = { pr

2022년 5월 15일
·
0개의 댓글
post-thumbnail

GSpreadException("headers must be uniques")

Traceback (most recent call last): File "test.py", line 114, in all_db_info = worksheet.get_all_records() File "C:\\Python38\\lib\\site-packages

2022년 5월 9일
·
0개의 댓글

0426

**공부내용 한줄 요약** props로 string, boolean, function도 보낼 수 있다. > custom component의 속성(props)은 html 태그처럼 eventlistener가 아닌 어디까지나 props이다.<br> `<Btn onClick

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

0425

**공부내용 한줄 요약** prop을 사용해 부모 컴포넌트에서 자식 컴포넌트로 object형식의 데이터를 전달할 수 있다. > 함수형 컴포넌트 Btn()은 style속성을 가진 button tag를 return한다. 버튼 텍스트만 바꾸어 Btn()을 여러 번 재사용하

2022년 4월 25일
·
0개의 댓글
post-thumbnail

바닐라JS로 가위바위보 게임 만들기

바닐라JS 실습을 더 해보고 싶어서 만들었다.글 수정중

2022년 4월 25일
·
0개의 댓글

0317

**공부내용 한줄 요약** useState() 복습, React component를 여러개의 function으로 분할해 function App() 안에서 불러오기 > html select tag의 value를 State의 값으로 지정하고, modifier functi

2022년 3월 17일
·
0개의 댓글

0316

**공부내용 한줄 요약** 두 개의 State와 삼항연산자 사용해 disabled "flip" 기능 추가 > State의 초기값을 false로 두고, 두 개의 컴포넌트에게 disabled 속성을 주되 각각 값이 false면 활성화 / true면 활성화 되게 한다. d

2022년 3월 16일
·
0개의 댓글

0315

**공부내용 한줄 요약** input tag의 value값 변동을 감지하고 state 사용해 업데이트 하는 법. > 1. React.useState() 사용해 input의 value를 변수(State값)로 지정. 2. input에 onChange 이벤트 리스너를 추가

2022년 3월 16일
·
0개의 댓글
post-thumbnail

회고

프론트엔드 개발자 취준생으로 국민취업지원제도에 참여하고 있다. 괜찮은 국비지원교육을 찾아 헤매다 발견한 강의, 정식 강의명은 '[왕초보] 비개발자를 위한, 웹개발 종합반 (프로그래밍 실무, 풀스택)'. Hrd-Net에 'k-디지털 크레딧'과정으로 등록되어 있어 국비지

2021년 10월 21일
·
0개의 댓글
post-thumbnail

4주차 개발일지

나 자신과의 싸움 악명 높은 4주차. Flask 프레임워크로 로컬 서버를 구성하고 본격적으로 프론트-백을 연결하는 프로젝트 몇 개를 만들었다. 클라이언트와 서버 연결 확인하기 -> 서버부터 만들기 -> 클라이언트 만들기 -> 완성 확인하기** 위 순서를 잘 염두해두

2021년 10월 20일
·
0개의 댓글
post-thumbnail

3주차 개발일지

OT날부터 하루에 들을 수 있는 8강을 꽉 채워 들어서인지 1등 유지중완벽주의가 있는 편이다. '일단 한번 훑고 넘어간 후 보강하기'가 서툴었다. 그런데 코딩 독학입문을 하며 이런 식으로는 앞으로 나아갈 수 없다는 걸 뼈저리게 느낀 후… 이젠 이해가 안 가도 뇌에 힘을

2021년 10월 18일
·
0개의 댓글
post-thumbnail

2주차 개발일지

기준을 모르겠지만 아무튼 1등! 이번 주차에는 JQuery와 Ajax를 배웠다. JQuery는 JavaScript 라이브러리로, html 컴포넌트를 조작하는 코드를 미리 작성해둔 것.(편리!) 컴포넌트를 지정할 때 아이디 값만 알면 그 형식이 매우 쉬워서 편리했다.

2021년 10월 18일
·
0개의 댓글
post-thumbnail

1주차 개발일지

html, css의 기초를 배우고 구글폰트와 부트스트랩 사용법을 익혔다. 혼자 css를 공부할 때 하나부터 열까지 내가 완벽하게 하겠다고 고집부리느라 자꾸 큰 틀을 놓쳐서 힘들었는데, 그래서인지 부트스트랩이 너무 반가웠다. 모범 답안을 보고 배울 수 있다. js 기초

2021년 10월 18일
·
0개의 댓글