코딩일기장 코딩일기장

input 박스에 선을 그라데이션으로 넣기(border-radius도 할 수 있는 방법) border: 1px solid transparent; border-radius: 5px; background-image: linear-gradient(white, white), linear-gradient(to right, #A29BFE,#FD79A8); background-origin: border-box; background-clip: content-box, border-box; 1.background-image: linear-gradient(white, white), linear-gradient(to right, #fbfcb9be, #ffcdf3aa, #65d3ffaa); : 요소의 배경 이미지를 설정합니다...

1. 텍스트에 그라데이션 넣기 background: linear-gradient(90deg, #A29BFE 1.06%, #FD79A8 78.98%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; "background-clip: text;"와 "-webkit-background-clip: text;"는 CSS에서 사용하는 속성입니다. 이 속성들은 배경 스타일이 텍스트의 전경 대신 텍스트 자체에 적용되도록 하는 역할을 합니다. 다시 말해, 이 속성을 사용하면 텍스트의 색상이 아닌, 텍스트 배경의 이미지나 그라데이션 등이 텍스트 색상으로 보이게 됩니다. 그러나, 이 속성은 모든 브라우저에서 ..

(23.11.26) 목적 : 주식, 코인 자산의 포트폴리오 관리 -내가 가진 주식, 코인의 총 합계, 가격, 수량, 평단가, 현재가, 수익률, 실시간 그래프 표시 -나의 포트폴리오 자산 그래프 표시 1. 로그인 기능 https://velog.io/@910/PHP-MySQL-%EB%A1%9C%EA%B7%B8%EC%9D%B8-%ED%8E%98%EC%9D%B4%EC%A7%80-%EB%A7%8C%EB%93%A4%EA%B8%B0 PHP 로그인/로그아웃 구현하기 세션을 확인해서 로그인이 되어있다면 유저의 아이디와 로그아웃 버튼을 보여주고로그인이 되어있지 않다면 login.php로 이동합니다.login.php에서 입력받은 id, passward으로 쿼리문을 실행해 결과가 velog.io 2. 주식가격, 그래프 불러오..

삭제버튼을 누르면 image테이블에서의 id값에 해당하는 행과 comment테이블에서 해당하는 image_id행들을 모두 제거해야함 image.id = comment.image_id process_image_delete.php

JS let photoAmount = 12; window.addEventListener("scroll",async ()=> { let sh = document.querySelector('html').scrollHeight // 총높이(실제html박스높이) let ch = document.querySelector('html').clientHeight // 브라우저 크기(뷰포트높이) let st = document.querySelector('html').scrollTop // 스크롤위치(스크롤맨위부터 스크롤막대바로위까지) //이미지 채워넣기. if(ch+st >= sh) { for(let i=0; i < 6; i++) { await fetch(`get_image.php?photoAmount=${photoAm..

-노마드코더 JS강의를 통해 간단한 웹앱의 기능은 다 구현하였으나, CSS를 혼자먹여야해서 오늘은 4시간동안 CSS적용을 함. -github : https://github.com/jake6677/nomadcoder-JSapp/tree/main/NomadCoderJS -css 코드 및 몰랐던 것들 정리 html { color : white; text-align: center; } .hidden { display : none; } //img태그를 background에 지정한 코드. position을 fixed하고 z-index를 -1로 둬서 배경처럼 사용함. #background { position : fixed; z-index: -1; top : 0; left : 0; min-width : 100%; ma..

image_display230906.php $sql2 = "SELECT * FROM comment WHERE image_id={$filtered_id}"; $result2 = mysqli_query($conn, $sql2); while ($row = mysqli_fetch_array($result2)){ $delete_box = ' '; $escaped_comment = htmlspecialchars($row['comment']); $comment_list = $comment_list."{$escaped_comment}{$delete_box}"; } delete_box를 삽입한 후 댓글간 간격을 맞추도록 css를 설정함 form.delete_box{ margin-left : 7px; display:blo..

display.php $delete_box = ' //onsubmit속성으로 삭제시 확인작업추가. '; //delete box 추가. while ($row = mysqli_fetch_array($result2)){ $escaped_comment = htmlspecialchars($row['comment']); $comment_list = $comment_list."{$escaped_comment}{$delete_box} "; } style_display.css ol{ list-style-type: upper-alpha; //추후 수정예정(실제 댓글창처럼 만들면 더 좋을것 같음) } form.delete_box{ margin-left : 7px; } input#delete_submit{ border-wid..