분류 전체보기91 iOS elastic scrolling 이슈 모바일 웹을 구현한 후 테스트를 진행했다. 웹에서는 잘만 되던 기능이 모바일에서 문제를 일으켰다. 아니 정확히 말하자면 ios에서만. 페이지의 상단과 하단에 바가 있는데, 스크롤을 아래로 내리면 상단 menu바가 사라지면서 하단의 nav바가 나타나고, 스크롤을 위로 올리면 상단 menu바가 나타나고 하단 nav바가 사라지게하는 간단한 기능이었다. jQuery와 scroll 이벤트 리스너를 사용하여 스크롤방향을 알아낸 후 상단바와 하단바가 보였다 안보였다하도록 class를 더하고 빼도록 구현했더니 웹과 안드로이드에서는 잘 작동했는데 .... 아이폰 웹브라우저창으로 테스트를 해보니 스크롤을 가장 위로 올렸을때와 맨 끝으로 내렸을 경우 상단바와 하단바가 나타나지않는 현상이 발생했다. 왜지 ???????????.. 2024. 3. 7. 레노보 노트북 포맷 + window10 설치하기 ! 포맷 작업은 살면서 해본게 손에 꼽는것같은데 할때마다 방법이 뭐였지 하고 리셋이 되기때문에 기록을 해두려한다. window10, 우분투 듀얼부팅으로 설치되어있던 노트북인데 용량도 꽉차고 우분투사용할 일도 없어서 새롭게 window를 설치하게 되었다. 포맷이란 컴퓨터의 하드 디스크 드라이브를 초기화하거나 재설정하는 프로세스 일단 백업해야할 중요한 데이터들이 있다면 따로 백업해두고 포맷을 진행하여야한다. 포맷 프로세스 windowUSB만들기( 부팅파일 ) 노트북 바이소스 진입하여 USB로 부팅, window10 설치 윈도우CD키 입력 일단 포맷을 완료한 시점에서 기록해두는 것이라 과정 스샷은 없다 ^^^ .... 그치만 포맷하면서 생겼던 이슈사항들에 대해 기록해두자면 ! USB부팅파일을 만드는것까지는 했는데.. 2023. 10. 30. setState, useState State 상태관리에 대해 알아보자. 다음과 같이 count 변수를 선언하고 버튼을 클릭하면 숫자가 올라가게끔 구현하고싶다. 다음과 같이 작성하면 버튼을 클릭할때마다 count 의 숫자는 올라가고있지만 화면이 리렌더링되지않아 화면에서는 숫자가 올라가는것을 확인할 수 없다. 숫자를 더할때마다 render함수를 함께 호출하는 방법도 있지만 그닥 좋은 방법은 아니다. const root = document.getElementById("root"); let count = 0; function plusCount() { count++; } const App = ( count : {count} click me! ); ReactDOM.render(, root); 이러한 불편함을 해결해주는 기능이 바로 useState이.. 2023. 9. 17. JSX(JavaScript XML) Component JSX(JavaScript XML) React와 함께 사용되는 JavaScript의 확장 문법 JSX는 React 애플리케이션을 빌드할 때 주로 사용되며 JSX로 작성한 코드는 Babel과 같은 도구를 사용하여 JavaScript 문법으로 변환해야한다. 첫글자는 대문자로 ! 중괄호 {}를 사용하여 JavaScript 표현식을 JSX에 포함할 수 있음 하나의 부모요소안에 여러 태그를 묶어 return함 또는 를 사용하여 여러 요소를 묶는 방법도 있음 아래는 JSX로 컴포넌트를 만들어서 사용하는 예시이다 function HelloWorld() { return Hello, World!; } const HelloWorld = () => ( Hello, World!; ) 컴포넌트를 만들어서 재사용도 얼마든지 가능.. 2023. 9. 17. [PHP] PHP와 MySQL의 연동원리 웹서버가 웹 브라우저로부터 PHP파일 요청을 받을때 처리되는 과정을 정리해보았다. 1. 웹 브라우저가 웹서버로 index.php 파일 요청 2. 웹서버는 이를 처리하기위해 php모듈로 전달 3. php모듈은 mysql 서버로 쿼리문을 날려 처리된 데이터를 받아옴 4. php는 그 정보를 가지고 웹브라우저가 해석할수있는 순수한 html을 동적으로 생산하여 웹서버로 전달 5. 웹서버는 그 파일을 다시 웹 브라우저로 전송 웹 페이지를 웹 브라우저로 전송하는 역할의 웹 서버와, mysql 사이에서 php는 중간역할을 하고있는 것 ! 2022. 6. 19. [PHP] PHP와 데이터베이스 MYSQL확장 php는 정보를 저장할수 있는 기능이 없기때문에 데이터베이스를 사용하여 정보를 저장하는데 사용함 SQL : 데이터베이스를 제어할때 사용하는 언어 php로 데이터베이스를 연결하는 방법에는 PDO, mysql확장, mysqli 등이 있다 mysql확장은 현재php 버젼에서는 더이상 지원하지않으나 레거시를 위한 학습으로서 알아두는 것이 좋다 . PHP와 MYSQL의 연동 mysql_connect(host, user name, password) : 접속 mysql_select_db(디비명) : DB선택 mysql_query() : SQL 테이블 제어 데이터 조회, 수정, 삭제 empty() 인자로 전달된 값이 없으면 true를 리턴함 디버깅 mysql_error(); mysql확장기능을 사용하는 과정에서 마지막.. 2022. 6. 16. 이전 1 2 3 4 ··· 16 다음
