텍스트 문서 비교 사이트 두개의 텍스트 비교하여 틀린점 찾아주는 온라인 툴 wepplication.github.io

💡Git 명령어 공부하기 .git 폴더가 형상관리를 해주는 폴더! 궁극적으로 .git 폴더만 잘 보관하면 기록이 남아있다. 타임캡슐에 묻기 git status : untracked 파일 (git의 관리에 들어간 적 없는 파일) git add [파일명] : 파일 하나 담기 git add [파일명, 파일명, …] git add . : 모든 파일 담기 git commit : 커밋하기 git commit -a : 커밋 메세지와 함께 커밋하기 git commit -am : add랑 커밋 메세지와 한꺼번에 커밋하기 (🍎 새로추가된 untracked 파일 없을 때 한정) git log : 깃 상태 확인 git log --all --decorate --oneline --graph : 여러 브랜치의 내역 편리하게 그래프..

SCSS Architecture (7-1 패턴) 📁 scss/ | |– 📁 abstracts/ | |– 📄 _var.scss # 각종 변수 | |– 📄 _mixins.scss # Mixin ||– 📄 _function.scss # 함수 | |– 📁 vendors/ | |– 📄 _swiper.scss # 외부 라이브러리 | |– 📄 _datepicker.scss # 외부 라이브러리 | |– 📁 base/ | |– 📄 _reset.scss # Reset/normalize | |– 📄 _typography.scss # Typography rules | |– 📄 _print.scss # print rules | |– 📁 layout/ | |– 📄 _gnb.scss # Global Navigation | |– 📄..

💡 정보 수정 페이지를 만들어보자 ⭐️ 완성샷 🔴 세션 변수 불러오고, DB연결해서 결과 가져오기 $array = mysqli_fetch_array($result); 필드명으로 결과를 가져올 수 있다. 🟠 CSS body,select,option,button{font-size:16px} input{border:1px solid #999;font-size:14px;padding:5px 10px} input,button,select,option{vertical-align:middle} form{width:700px;margin:auto} input[type=checkbox]{width:20px;height:20px} span{font-size:14px;color:#f00} legend{font-size:20..

로그인 페이지 만들기 - 1 (login, login_ok) 💡 로그인, 로그아웃 동적 페이지를 만들어 보자! ⭐️ 완성샷 로그인 전 index.php login/login.php -> login_ok.php 로그인 후 index.php 🔴 login.php 로그인 로그인 아이디 비밀번호 이전으로 로그인 그 전 회 dpdnjs402.tistory.com 위 글에서 이어지는 내용이다. 🟡 index.php isset() 함수를 이용해 세션 아이디와 이름이 있으면 값을 가져오고, 없으면 값을 가져오지 않는다는 문장을 만든다. 로그인 회원가입 ""님, 안녕하세요. 관리자 로그아웃 정보수정 세션 아이디가 없으면 -> 로그인, 회원가입 링크만 보이게 해주고 세션 아이디가 있으면 이름, 로그아웃, 정보수정이 보인다..

💡 로그인, 로그아웃 동적 페이지를 만들어 보자! ⭐️ 완성샷 🖼️ 로그인 전 index.php 🖼️ login/login.php -> login_ok.php 🖼️ 로그인 후 index.php 🔴 login.php 로그인 로그인 아이디 비밀번호 이전으로 로그인 그 전 회원가입 폼과 유효성검사에서 부분적으로 가져 오면된다.(아이디, 비밀번호) form태그 action속성에 login_ok.php로 이동하라고 알려준다. button을 2개 만들어 줬다. 이전으로 버튼에는 뒤로가기 버튼을 만들어 준다. => history.back() 🟠 login_ok.php (로그인 처리 페이지) login_ok.php에서 로그인 폼에서 받은 값들을 처리한다.

CSS filter를 이용해 사진에 다양한 이미지 변화효과를 부여할 수 있다. 필터는 주로 이미지, 배경, 테두리 렌더링 조정할 때 쓰인다. SVG 필터도 적용할 수 있다고 한다. /* SVG 필터를 가리키는 URL */ filter: url("filters.svg#filter-id"); /* 값 */ filter: blur(5px); filter: brightness(0.4); filter: contrast(200%); filter: drop-shadow(16px 16px 20px blue); filter: grayscale(50%); filter: hue-rotate(90deg); filter: invert(75%); filter: opacity(25%); filter: saturate(30%); f..

순서에 따른 가상 클래스에 대해서 공부해보자. 순서관련 가상 클래스에는 1. first-child 2. first-of-type 3. last-child 4. last-of-type 5. nth-child() 6. nth-of-type() 이렇게 6가지가 있다. 클래스 이름이 매우 비슷해서 용도의 헷갈림이 많다. 📌 child vs of-type ✅ child : 형제 요소 중 형제 요소들 중에서만 형제 요소가 아니면 해당되지 않는다. ✅ of-type : 해당 요소(클래스) 중 자신의 유형과 일치하는 (형제요소 고려해야함) p의 first-of-type이면 p태그 중 자신이 무조건 첫번째라면 다 해당된다. 📌 참고 - 시니어 개발자도 모르길래 만든 영상 - 수코딩

저는 이미 JavaScript에 대한 기본적인 이해가 있었지만, TypeScript를 프로젝트에 어떻게 적용해야 할지에 대한 고민이 있었습니다. 몇 번의 TypeScript 문법 강의를 들은 적이 있었지만, 여전히 이를 프로젝트에 어떻게 활용할지에 대한 감이 부족했습니다. 그런데 패스트캠퍼스에서 제공하는 강의를 통해 많은 도움을 받았습니다. 이미 JavaScript를 알고 있었지만, 강의에서는 JavaScript에 대한 깊은 이해를 바탕으로 TypeScript를 어떻게 적용할 수 있는지에 대해 자세히 다뤄주셨습니다. 강사님은 이해한 내용을 토대로 자신의 생각을 명확하게 표현하고 설명하는 능력이 뛰어나신 것 같았습니다. 확실히 실무에 계셨던 분이셔서 그런지 실무에서 사수없이 일하고 있는 저의 가려움을 잘 ..