취업 준비 시절 128

RE : 제로부터 시작하는 PHP - 회원가입편

- 안녕하세요 여러분 오늘은 PHP를 해볼까 합니다. - 근데 왜 또 회원가입이냐구요?? - 제가 오늘 해보니까 다 까먹었기 때문이죠 - 복습이 이렇게 중요합니다 ㅋㅋㅋ - 오늘 볼 코드는 크게 3가지 입니다. - 먼저 데이터를 입력하는 HTML코드입니다. - 사용자가 데이터를 입력하는 부분으로 마지막에 버튼을 누르면 form태그를 통해 데이터가 넘어갑니다. - 두번째는 받아온 데이터를 php로 변수처럼 저장하는 방법입니다. - 세번째는 그 저장한 데이터를 사용해서 sql문을 작성한 것입니다. - 코드를 보시죠 회원가입 영역 이메일 중복확인 이름 연락처 닉네임 중복확인 비밀번호 비밀번호 확인 비밀번호 찾기 질문 당신의 가장 소중한 것은 무엇입니까? 질문 답변 회원가입 - 폼 태그를 사용했고 그 안에 la..

2023.05.14 코딩일기 - Next.js 알아보기

- Next.js는 React를 위한 오픈 소스 웹 프레임워크입니다. 정적 사이트 생성, 서버 측 렌더링 및 클라이언트 측 렌더링을 포함한 다양한 기능을 제공합니다. Next.js는 웹 사이트 및 웹 애플리케이션을 구축하는 데 사용할 수 있는 강력한 도구입니다. 다음은 Next.js의 주요 특징과 기능입니다: 서버 사이드 렌더링(SSR): Next.js는 서버에서 초기 렌더링을 수행하여 빠른 페이지 로딩 속도와 검색 엔진 최적화를 제공합니다. 이는 초기 페이지 로딩 시 사용자에게 빠른 콘텐츠 표시를 가능하게 합니다. 정적 사이트 생성(SSG): Next.js는 빌드 시간에 사전 렌더링하여 정적인 HTML 파일을 생성할 수 있습니다. 이를 통해 빠른 페이지 전환 속도와 뛰어난 성능을 제공할 수 있습니다. ..

2023.05.13. 정보처리기능사 실기

- 정보처리기능사 실기는 컴퓨터의 하드웨어와 소프트웨어에 대한 기초적인 지식과 활용 능력을 평가하는 시험입니다. - 필기시험과 실기시험으로 나누어 시행되며, 필기시험에 합격해야 실기시험에 응시할 수 있습니다. - 실기시험은 컴퓨터의 조립 및 설치, 네트워크 설정, 운영체제 설치 및 설정, 워드프로서, 스프레드시트, 프레젠테이션, 데이터베이스, 웹 브라우저 등 다양한 과목을 평가합니다. - 시험시간은 2시간이며, 60점 이상 득점해야 합격할 수 있습니다. - 정보처리기능사 실기시험에 합격하면 컴퓨터 관련 직종에 취업할 수 있는 자격을 얻을 수 있습니다. 또한, 정보처리기사, 정보보안기사 등 상위 자격증 취득에도 유리합니다. - 정보처리기능사 실기시험에 합격하기 위해서는 컴퓨터의 기본적인 지식과 활용 능력을..

2023.05.12 웹디자인 기능사 시험준비

- 오늘은 웹디자인 시험을 준비 했습니다. - 웹디자인시험에서 중요한 것은 스크립트 부분이라고 생각합니다. - 꼬였을 때 고치기가 막막하다는 부분에서 말이죠 - 그 부분들을 집중적으로 보겠습니다. - 여기는 두가지 기능이 들어갔습니다. - 탭메뉴 부분과 슬라이드 부분이죠 - 코드를 보시죠 미래를 이끄는 열정 산업대학교 당신이 원하는 교육 산업대학교 미래를 향한 우리의 도전 산업대학교 // 슬라이더 let currentIndex = 0; const $sliderWrap = $(".sliderWrap"); //이미지 부모 : 움직이는 영역 const $slider = $(".slider"); //각각의 이미지 const $sliderWidth = $slider.width(); //이미지 가로값 $slider..

2023.05.11 코딩일기

- 오늘은 아침에 조별작업을 했습니다. - 오늘한 페이지를 한번 같이 보시죠 - 헤더에 있는 탭메뉴와 메인 슬라이더 그리고 밑에 탭메뉴를 가장한 버튼이 있습니다. - 카테고리 버튼들을 누르면 해당 카테고리가 모여있는 페이지로 넘어가는 것이죠 - 하지만 레이아웃은 똑같기 때문에 페이지가 안넘어 가는것같은 착각을 주는 겁니다. - 하지만 슬라이더 때문에 로딩이 길어지게 된다면 어쩔수 없죠... - 이건 커뮤니티 안에 글을 보는 페이지 입니다. - 글과 댓글은 임의로 적어놓았습니다. - 조별작업을 하면서 느끼는 것은 시멘틱 태그과 html구조의 중요성입니다. - 처음에 html로 틀을 짤 때 어떻게 짜느냐에 따라서 나중에 코딩의 난이도가 달라지는 것 같습니다. - 어떤 경우에는 html 구조를 다시 잡아야 되..

REACT - props란?

REACT - props란? 리액트의 props는 컴포넌트 간의 데이터 전달에 사용됩니다. 부모 컴포넌트에서 자식 컴포넌트로 props를 전달함으로써 자식 컴포넌트는 전달받은 데이터를 사용하여 동적으로 UI를 생성하거나 작업을 수행할 수 있습니다. props는 다양한 타입의 값을 전달할 수 있습니다. 문자열, 숫자, 불리언, 객체, 배열 등을 props로 전달할 수 있으며, 필요에 따라 다양한 데이터를 전달할 수 있습니다. 또한, 함수나 콜백을 props로 전달하여 자식 컴포넌트에서 이벤트 핸들링이나 상태 변경과 같은 작업을 부모 컴포넌트로 전달할 수도 있습니다. 부모 컴포넌트에서 props를 전달할 때는 JSX 문법을 사용합니다. 태그 속성으로 props를 지정하거나 중괄호 {} 안에 JavaScrip..