블로그
전체 3#카테고리
- 프론트엔드
#태그
- 프론트엔드
2025. 03. 23.
1
[인프런 워밍업 스터디 클럽 3기 FE] 3주차 발자국
강의 수강https://www.inflearn.com/course/따라하는-리액트기간3월 17~23일 (3주차) 회고리액트로 투두 앱을 만들고 최적화하는 강의, 넷플릭스 클론 앱, 리액트 Router DOM, 리액트의 테스트에 대한 강의들을 수강했다.저번주 리액트 강의를 들으며 웹에서 화면이동처리는 어떻게 하는지 궁금했었는데, 리액트Router DOM 강의를 들으면서 궁금했던 부분을 해소할 수 있어서 재밌었다.이번 주는 자기소개서 작성도 해야했고,, 중간에 코딩테스트가 생겨서 시간을 더 투자하지 못했다..스터디가 2주만 더 일찍 진행되었다면..ㅎㅎ,,ㅜ 좀 더 일찍 학습 내용에 대한 예습을 했더라면, 주어진 과제를 다 수행했을 텐데 상반기 공채들이랑 겹쳐서 기간 내에 수행하지 못한게 제일 아쉽다.기간은 끝났지만,, 돌아오는 수요일 전까지 강의듣고 리액트 과제를 마저 해보는게 목표다!!
2025. 03. 16.
0
[인프런 워밍업 스터디 클럽 3기 FE] 2주차 발자국
강의 수강따라하며 배우는 자바스크립트 A-Zhttps://www.inflearn.com/course/따라하는-리액트 일주일 동안 학습했던 내용자바스크립트의 심볼, 제너레이터, 이터레이터, 디자인패턴에 대한 강의를 들었다.리액트의 함수형, 클래스형 컴포넌트에 대한 강의를 들었고아직 리액트로 투두 앱을 만드는 중이다..! 회고자소서를 써야해서 시간을 많이 투자 못했지만, 포기하기 않고 강의를 지속해서 수강하고 있는 모습에 스스로를 칭찬하고 싶다!!!리액트 강의를 들으며 스위프트랑 비슷한 부분이 있어서 보다 쉽게 이해됐던 것 같다.프론트 공부를 하기 전에 여기저기서 들어왔던 용어들에 대한 개념을 잡아서 뿌듯했다.이번주는 할 일이 많아 과제를 하지 못했지만, 다음주에는 더 시간을 투자해서 과제로 더 공부할 계획이다!다시보려고 기록해둔 강의를 한 번 더 들어야겠다..! 강의 수강하면서 에러 해결했던 부분도 같이 남긴다.에러1. tailwind 설치 오류npx tailwindcss init 에러참고https://www.inflearn.com/community/questions/1521720/npx-tailwindcss-init-가-안되네요?srsltid=AfmBOoo0xfLbGznadNCzcvvkOub_g89qM3Pkk-EcselgEG1h4qrZrZSM해결 명령어 (터미널 입력)npm install -D tailwindcss@3 postcss autoprefixernpx tailwindcss init 에러2. 리액트 실행 오류에러 일부 발췌opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error', 'error:0308010C:digital envelope routines::unsupported' ], 참고 블로그https://velog.io/@rcg0529/ErrorReact실행오류-error03000086digital-envelope-routinesinitialization-error해결 명령어 (터미널 입력)export NODE_OPTIONS=--openssl-legacy-provider
프론트엔드
2025. 03. 09.
0
[인프런 워밍업 스터디 클럽 3기 FE] 1주차 발자국
따라하며 배우는 자바스크립트 A-Z 강의 수강자바스크립트 기초와 중급, OOP, 비동기에 대한 강의를 들었다.자바스크립트에서 변수를 선언하는 방법부터 함수 작성, DOM, 호이스팅, 이벤트 버블링, 이벤트 캡처링 등을 학습할 수 있었다.진도표 대로 학습해야겠다는 목표가 있었고, 어느정도 충족해서 전반적으로 만족했다. 하지만 그 세부적인 내용에 대해 추가적인 학습이 부족해서 아쉬웠고, 다음주에는 모르는 부분에 대해서 명확히 하고 다시 공부해봐야겠다. 주말에 시간내서 추가학습, 다음주 강의를 미리 들어두고 싶었는데, 결혼식이 있어서 시간을 많이 할애할 수 없어서 아쉬웠다..!Swift에 익숙해져 있어서 자바스크립트도 빨리 학습해서 내가 의도한 대로 막힘없이 클린하게 잘 작성하고 싶다는 목표가 생겼다. 미션진행한 미션음식메뉴 앱https://github.com/JINi0S/StudyJavascript/tree/main/Assignment/day2-food-menu-app가위바위보 앱https://github.com/JINi0S/StudyJavascript/tree/main/Assignment/day3-rock-paper-scissors퀴즈 앱https://github.com/JINi0S/StudyJavascript/tree/main/Assignment/day4-quiz 미션을 진행하면서과제가 영상으로만 주어져서 요구사항 무엇인지 정리하고 시작했다.CSS를 너무 예전에 했어서 문법이나 원하는 바를 찾아보며 진행했다.스스로 할당한 시간 내에서 과제를 풀이하려고 노력했고, 최대한 코드를 다듬고 함수를 분리해가며 구현했다.
프론트엔드