[포스코x코딩온] 웹개발자 풀스택 과정 9기 12주차 회고록 - React useState

🤔 React Hooks? 앞으로 나올 useState,useEffect 같은 hook들은 함수형 컴포넌트에서도 state와 생명주기 기능을 연동 할 수 있게 하기 위해 만들어졌다. 쉽게 말해 이전까지는 클래스형 컴포넌트에서만 가능했던 기능들을 이제는 함수형에서도 사용할 수 있게 된 것이다. (원래는 React에서 없던 기능인데 불편함을 고치고자 다른 개발자들이 모여 직접 개발했다고 한다. -> 실제 개발에 참여한 모든 개발자들은 React측에서 모두 채용을 했다고 한다. 대단한 분들..👍) 이렇듯 이제는 불편한 클래스형 컴포넌트를 굳이 사용안해도 된다. 나도 두가지 모두 사용을 해봤지만 확실히 함수형이 편하다는 것을 느꼈다. 그래서 나는 함수형 컴포넌트 위주로 블로깅을 할 것이다.4 🤔 useState..

• format_list_bulleted 포스코x코딩온
• · 2023. 9. 26.
• textsms

[포스코x코딩온] 웹개발자 풀스택 과정 9기 12주차 회고록 - React Props

🤔 Props란? - 프로퍼티, props(properties의 줄임말) 라고 한다. - 상위 컴포넌트가 하위 컴포넌트에 값을 전달할때 사용한다. (단반향의 데이터 흐름을 갖기 때문에 부모에서 자식으로한테만 전달 가능) props에서 가장 중요한 것은 상위 컴포넌트에서 하위 컴포넌트로 밖에 전달이 되지 않는다는 것이다. 또한 이렇게 보내진 props는 수정할 수 없다. (자식 입장에서는 읽기 전용인 데이터다) 🤓 사용 방법 props를 넘길때에는 2가지 경우가 있다. 문자열로 보내는 방식과 문자열 외의 값을 전달할 경우다. ⚫ 문자열로 보내는 방식 프로퍼티 타입이 문자열이 경우, 큰 따옴표("")를 사용한다. ⚫ 그 외의 방식 { alert('알림창'); }} //함수 /> 문자열 타입 이외의 프로퍼티 ..

• format_list_bulleted 포스코x코딩온
• · 2023. 9. 24.
• textsms

[포스코x코딩온] 웹개발자 풀스택 과정 9기 12주차 회고록 - React JSX

🤔 리액트란? 현재 많은 프론트엔드의 프레임워크들이 생겨나고 있지만 당연 가장 많이 쓰는 것은 리액트다. (하지만 리액트는 JavaScript 라이브러리라는 점..) 나에게 부트캠프에서 가장 배우고 싶은 것을 고르라고 하면 리액트를 고를 것이다. 프론트엔드가 목표인 나에게는 가장 써보고 싶은 스택(?)중 하나였기 때문이다. 그리고 이전에 완성된 리액트 프로젝트를 사용한 적이 있는데 VanillaJS를 사용한 것 보다 로딩 시간이 휠씬 빨라서 신세계를 경험한 듯한 느낌을 받았었다.😮 😮 JSX란? 리액트를 사용하기 위해서는 JSX문법을 알아야 한다. "그럼 리액트를 배우기 위해서는 또 다시 새로운 언어를 배워야 하나??" 이렇게 생각할 수도 있겠지만 다행이도 내가 써본 결과 크게 다르지 않았다. 이름도 비..

• format_list_bulleted 포스코x코딩온
• · 2023. 9. 22.
• textsms

[자기계발 - 책 ]역행자 - 완전한 자유를 얻는 7단계 인생 공략집

📙 강렬한 인상의 책 표지 오랜만에 교보문고에 가서 무슨책이 나왔나 둘러봤다. 어쩌다 가끔 책을 읽는 수준이었지만 책을 읽어야 겠다는 마음가짐은 항상 가지고 있었다. 그래서 이번에 타이밍(?)이 딱 맞아서 '역행자'라는 책을 구입하게 되었다. 베스트셀러에 딱(!) 자리잡고 있었고, 부제목마져 매력적으로 느껴졌다. '돈,시간,운명으로부터 완전한 자유를 얻는 7단계 인생 공략집' 뭔가 게임에도 공략집이 있다면 인생에도 공략집이 있지 않을까? 하고 찾는 사람이 있겠지만 부제목에 '공략집' 이라는 단어를 직접적으로 써넣은 책은 처음봤다. (뭔가 진짜 알려줄것만 같은 자신감이 보였다.) 작가를 보니 자청이라는 사람이었다. 처음에는 진짜 사람이름인줄 알았는데 책을 읽다보니 '자수성가한 청년' 이었다. 알고보니 자청..

• format_list_bulleted 자기계발 - 책
• · 2023. 8. 19.
• textsms

[포스코x코딩온] 웹개발자 풀스택 과정 6주차 회고록 - 시퀄라이즈

🤔 Sequelize 란? 시퀄라이즈는 DB 작업을 쉽게 해주는 라이브러리다. ORM으로 분류되며, 자바스크립트 객체와 데이터베이스의 릴레이션을 매핑해주는 도구라고 할 수 있다. 나는 MySQL과 같이 쓸거지만 MariaDB,MSSQL등 다른 DB와도 같이 쓸 수 있다. 시퀄라이즈를 쓰는 가장 큰 이유는 SQL언어를 직접 사용하지 않아도 자바스크립트 구문을 알아서 SQL로 바꿔주기 때문이다. 😎 설치 및 사용법 시퀄라이즈에 필요한 패키지 들을 설치한다. npm i express sequelize sequelize-cli mysql2 sequelize : 시퀄라이즈 패키지 sequelize-cli : 시퀄라이즈 명령어 실행 mysql2 : mysql과 시퀄라이 연결하는 드라이버 npx sequelize i..

• format_list_bulleted 포스코x코딩온
• · 2023. 8. 16.
• textsms

[포스코x코딩온] 웹개발자 풀스택 과정 6주차 회고록 - Mysql과 연동하여 비동기 통신하기(2) - MVC모델

Mysql 사용법을 알고 싶다면 아래 블로그를 참고하세요!! [포스코x코딩온] 웹개발자 풀스택 과정 6주차 회고록 - Mysql과 연동하여 비동기 통신하기(1) - Mysql 🤔 어떤 실습을 할 것인가?? 이번엔 처음으로 DB와 연동하여 비동기 통신을 할 것이다. 백엔드에서 가장 해보고 싶었던 실습이다. CRUD가 어떤 식으로 작동을 하며 좀 더 mvc모델을 적극적으로 배 jin99.tistory.com 🤔 어떤 실습을 할 것인가?? 이번엔 처음으로 DB와 연동하여 비동기 통신을 할 것이다. 백엔드에서 가장 해보고 싶었던 실습이다. CRUD가 어떤 식으로 작동을 하며 좀 더 mvc모델을 적극적으로 배울 수 있는 실습이 될 것이다. -실습내용- 1. 사용자가 회원가입을 한다. 2. 로그인 할 때 정보가 일..

• format_list_bulleted 포스코x코딩온
• · 2023. 8. 15.
• textsms