구글폼을 통해 지원했고, 2가지 작성 항목이 있었다.자기소개서를 작성해주세요.(자유양식, 300자 내외 작성): 교육이다보니 내가 이렇게나 잘해요~! 라는 느낌보다는어떤 학습경험이 있고 왜 지원했는지, 합격한다면 어떤 노력을 할 것인지 위주로 작성했다.사용 가능(경험)
// 사실 2주분 회고인데 첫 주에는 OT가 껴있어서 묶어서 1주차로 했다.눈떠보니 10시 O..O 편도 1시간 거린데…이전에 밤낮이 아예 바뀐 생활로 인해 불상사가 발생했다.. (아찔)진짜 호다닥 바로가서 11:20분 쯤 도착했다…ㅎ도착하니 마니또 뽑기와 자기소개가
1/8 - CSS(animation), JS(~함수) > [막혔던 것] > 실습하면서 막혔던 것들을 정리했다. > 1. animation 실습 - 웹 페이지 크기 상관없이 가장 자리를 무한히 움직이는 공 만들기 🤮 뷰포트 기준으로 만드는데 @keyframes에서 t
막혔던 것실습하면서 막혔던 것들을 정리했다.댓글 등록하기 실습 중<input>태그를 통해 사용자 ID와 comment 입력값을 받아서 <ul> 자식으로 사용자 ID는 bold로 <li>태그 추가하는 과제였다.이 때, userid.setAttribute(
오전에 <form>태그와 GET/POST 요청에 대해 학습하고 오후에는 실습 위주의 수업을 했다.입력된 데이터를 한 번에 서버로 전송하기 위해 사용action, method 속성은 꼭 작성해줘야 서버와 통신할 수 있음주의 서버와 통신하기 위해 Key값에 해당하는
이전 시간에 실습 과제로 내주셨던 회원가입 GET, POST 실습 풀이를 오전에 잠깐 한 후이번주 배운 내용 정리 겸 blog 만들기 실습을 했다.리셋 버튼을 함수로 구현했는데 내장 되어있는 기능이 있다는 것을 새로 알게됐다.서버에서 받아온 데이터를 ejs로 <i
<> index.ejs 코드<> app.js 코드<> content.ejs 코드<> app.js 코드< params vs. query >params서버에서 url 표기 시 /:params 로 작성클라이언트에서 요청 시 /123 로 나타남req
RDBMS(DB에 관계가 추가된 것)인 MySQL을 이용해서 데이터 베이스에 대해 학습했다.DB에 대해 파일 시스템(ex. Excel)의 단점과 비교해서 왜 DB를 사용하는 지 설명해 주셨다.파일 시스템은 데이터 중복이 생길 수 있고, 데이터 공유에 제한이 있고, 데이
회원가입 성공 시 login 페이지로 redirection 하기 위해 처리를 프론트 단에서 할 때,document.location.href="(이동할 페이지 url)" 사용ex. singup.ejs 파일 Github에 프로젝트 push할 때, 올리고 싶지 않은 정보들
💡 sequelize 심화 (relation) 📍 데이터베이스 응용 관계 차수와 JOIN 📍 sequelize 심화
💡 NCP 서버에 무중단 배포하기
react 환경에서 <form>을 쉽게 관리하기 위해 사용하는 모듈(폼의 상태관리와 유효성 검사를 간단하게 해준다.)npm install react-hook-form로 설치 후 사용라이브러리 설치 후 사용하고자 하는 페이지나 컴포넌트에서 임포트 후 사용한다.src
사용자가 요청한 URL 에 따라 해당 URL에 맞는 페이지를 보여주는 것개발자가 주소별로 다른 컴포넌트를 보여주기 위해 사용하는 라이브러리여러 환경에서 동작할 수 있도록 다양한 종류의 라우터 컴포넌트 제공한다.npm install react-router-dom@6 버전
Local State 각각의 컴포넌트가 소유하고 있는 state를 의미한다. 이 state는 해당 컴포넌트 내에서만 관리되고 사용된다. Cross-Component State 두 개 이상의 컴포넌트 간에 공유되는 state를 의미하며 props를 통해 state
현재는 Redux의 점유율이 조금 더 높다. 하지만 최근 Recoil 사용자가 늘어나는 추세이다.Redux는 코드가 길어지지만 대규모 프로젝트에 유리하다는 특징이 있고, Recoil은 짧은 코드로 관리할 수 있다는 특징이 있다.Redux는 JS 상태관리 라이브러리이다.
지금까지 학습한 React를 활용하여 mbti 테스트를 할 수 있는 간단한 프로그램을 만드는 실습을 했다.제공해준 pdf 파일에 실습 초기 셋팅부터 자세히 적혀있어서 차근차근 따라하며 정리할 수 있는 시간이었다.npx create-react-app \[프로젝트명] 으로
간단히 설명하면 JavaScript의 기본 문법에 자료형을 추가한 것이다.JS가 자의적으로 type 해설을 하고 코드를 실행시켰을 때, 의도와 다른 방식으로 쓰이지 않도록 방지 (오류 방지!)정적 파일 언어로, 실행하지 않고도 코드 상의 에러를 알 수 있다. (실시간
💡 4/12 Socket 📍 TCP/IP TCP/IP는 컴퓨터 네트워크에서 데이터 통신을 위한 프로토콜 스택으로, 네트워크 간의 데이터 교환을 가능하게 하는 중요한 기술 데이터를 분할하여 보냄. 정확한 전송을 보장하며 데이터의 경로를 지정하는 역할. TCP(T
💡 4/12 Socket 📍 Socket 프로세스가 네트워크로 데이터를 내보내거나 데이터를 받기 위한 실제적 인 창구역할을 하는 것 서버와 클라이언트를 연결해주는 도구로써 인터페이스 역할을 하는 것 서버 : 클라이언트 소켓의 연결 요청을 대기하고, 연결 요