본문 바로가기

분류 전체보기153

반응형 게시판 만들기 7 - 글쓰기(수정) 페이지 반응형 스타일 적용 https://www.youtube.com/watch?v=5KcgVMY7xT0 결과화면 Before After Chrome브라우저로 요소들의 위치를 파악하고 바로 스타일 적용해보기 - (아래사진) Chrome 브라우저로 - 소스파일에 들어가서 위치 확인 후 - 해당 코딩 부분 보면서 수정 - (아래사진) cf. display : none; //보이지 않게 하는 것. 파일목록 🔴edit.html : 이전게시글(반응형 게시판 4) 과 변화 없음. ( 현재 7 ) 🔴list.html : 이전게시글(반응형 게시판 4) 과 변화 없음. ( 현재 7 ) 🔴view.html : 이전게시글(반응형 게시판 4) 과 변화 없음. ( 현재 7 ) 🔴write.html : 이전게시글(반응형 게시판 4) 과 변화 없음. ( 현.. 2022. 12. 22.
반응형 게시판 만들기 6 - 글 보기 페이지 반응형 스타일 적용 https://www.youtube.com/watch?v=0WdXdYeWu7Q 결과화면 Before After 파일목록 🔴edit.html : 이전게시글(반응형 게시판 4) 과 변화 없음. ( 현재 6 ) 🔴list.html : 이전게시글(반응형 게시판 4) 과 변화 없음. ( 현재 6 ) 🔴view.html : 이전게시글(반응형 게시판 4) 과 변화 없음. ( 현재 6 ) 🔴write.html : 이전게시글(반응형 게시판 4) 과 변화 없음. ( 현재 6 ) 🔵style.css : 이전게시글(반응형 게시판 4) 과 변화 없음. ( 현재 6 ) 🔵css.css : 이전게시글(반응형 게시판 4) 과 변화 없음. ( 현재 6 ) 🔵media.css @media (max-width: 1000px) { .boa.. 2022. 12. 22.
반응형 게시판 만들기 5 - 게시판 목록 반응형 스타일 적용 (영상 수정필요) https://www.youtube.com/watch?v=fJGMA8xxK0E&list=PLDVUy8tEIMVVM4CKC2lt4zhZ5ssbnOEJY&index=5 결과화면 Before After 파일목록 🔴edit.html : 이전게시글(반응형 게시판 4) 과 변화 없음. (현재 5) 🔴list.html : 이전게시글(반응형 게시판 4) 과 변화 없음. (현재 5) 🔴view.html : 이전게시글(반응형 게시판 4) 과 변화 없음. (현재 5) 🔴write.html : 이전게시글(반응형 게시판 4) 과 변화 없음. (현재 5) 🔵style.css : 이전게시글(반응형 게시판 4) 과 변화 없음. (하지만 설명 겹치는 부분이 있어서 코드 첨가) (현재 5) * { margin: 0; padding: 0.. 2022. 12. 22.
[日記] 2022.12.21 火 : comeOutAndPlay in seSac comeOut andPlay 호다다다 배우러가는 길, 눈이 쌓여있는 날 오전 공부 하던 곳 ⛄눈사람 만든 날☃️ 오늘 오후엔 그래도 다행히 컨택이 와서 회의를 할 수 있었다. 대림역에서 내렸어야 했는데 신도림역에서 내려서, 고로케를 만났다. 안녕, 정말정말 배고플 때 다시보자. (뚜레쥬르에서) 발랄한 도시락가방을 얻었다. (paycoin 최초가입시 0원 , 네이버페이 결제시 9900원 이라고 한다.) 캐릭터가 깨방정한게 귀엽다. 폭이 꽤 있어서 좋다. 사진관도 가고, 고용노동부도 가야 했어서, 외부일정이 꽤 있는 날이어서 그런지 공부량은 적어서 아쉽다. 그래도 오히려 도중도중에 충전을 할 수 있었던 날이었다. + 윤정부 들어서 법 개정으로, 기존 14일이었던 실업인정일 착오수정일자가 7일로 변경된 것 같.. 2022. 12. 22.
스니펫(Snippet)은 깔았는데 어떻게 사용하지? 스니펫 확장 프로그램 설치는 아래처럼 스니펫(snippet)은 재사용 가능한 소스 코드, 기계어, 텍스트의 작은 부분을 일컫는 프로그래밍 용어이다. 사용자가 루틴 편집 조작 중 반복 타이핑을 회피할 수 있게 도와준다. ~ 헷갈렸던 것 정리 ~ Ctrl + F 사용하는 VS Code 모습 Ctrl + Shift + P 사용하는 VS Code 모습 스니펫 사용하는 VS Code 모습 만약 스니펫 설치가 되어있지 않다면 스니펫에 javascript.json 파일에 들어가서 해당 부분을 넣어주면 된다. 스니펫을 설치하지 않아도 단축어를 사용 할 수 있다. ex. 이라 입력하면 이라고 자동으로 뜨게 되는 것이다. { "reactFunction": { "prefix": "rfc", "body": "import Re.. 2022. 12. 21.
20221219_깃공부_첫수업_연습장 (수정 필요) 수정 후 올리는 것 git add . git commit -m "test2" git push 에러사항 : fatal: not a valid object name: 'master' ↓↓↓↓관련 사이트↓↓↓↓ https://dawonny.tistory.com/111 [오류]fatal: Not a valid object name: 'master'. 해결 https://somjang.tistory.com/entry/Git-fatal-Not-a-valid-object-name-master-%ED%95%B4%EA%B2%B0%EB%B0%A9%EB%B2%95 [Git] fatal: Not a valid object name: 'master'. 해결방법 Git Flow에 대해서 실습을 해보던 중 GitHub에 새로 만든.. 2022. 12. 19.
[Chrome으로]비쥬얼 스튜디오 코드 기본 브라우저 크롬으로 바꾸기 문제상황발생 : visual studio 기본 브라우저가 fireFox로 실행된다. 원인 : 그냥 컴퓨터 에서 웹 브라우저 기본 설정이 Firefox로 되어있던 것.. 해결방법 : 그냥 제어판>프로그램>기본 프로그램>기본앱>웹 브라우저 Firefox를 Chrome으로 변경 가장 위의 것 .htm과 .html 을 Chrome으로 변경했다. 결과 : Chrome으로 잘 나오게 된다. 2022. 12. 19.
react_todo 8.2 프로그램 진행 팁 react todo 글 1 [ 8.2 프로그램 진행 팁 ] step1. 무언가 만들려고 한다면 거기에 필요한 모든 기능들을 작성해 본다. ㄴ 기능별로 리스트 만들기 (Before - 기능분류) 투두앱 1.전체 리스트 보여주기 2. 아이템 삭제 3. 아이템 체크박스 4. 아이템 추가 5. 아이템 필터링 6. 다크모드 지원 (step2. 일단 필요한 기능들을 순서 상관없이 작성해본다. ) 기능별로 조금씩 , 단계별로 나누어서 , 필수로 구현해야하는 것 들을 가장 먼저 구현 할 수 있도록 목록을 재배열한다.(우선순위매기기) +조금조금씩 기능들 덧붙이기 +그리고 리액트를 사용해서 작성하는 것이므로, 한꺼번에 구현하는 것이 아니라 어떻게 컴포넌트로 나누어서 만들어 갈 것인가 고민하기 ㄴ (만약 컴포넌트로 나누기 .. 2022. 12. 19.
반응형 게시판 만들기 4 - 글쓰기, 글 수정 페이지 [Youtube_렛츠코딩앤플레이] https://www.youtube.com/watch?v=bAGyiJ2xVYI 만든 파일 목록 🎯목표로 하는 화면 1. html 까지 구현 🟠write.html 공지사항 공지사항을 빠르고 정확하게 안내해드립니다. 제목 글쓴이 비밀번호 등록 취소 를 이제 CSS 해야한다. 그런데, ⛔문제발생 문제 ① input 너비 80% 로 시키는대로 크기 지정해 주었는데...적용이 되지 않는다. 문제 ② text area도 마찬가지. 적용이 안된다고 느끼는 지점의 코드 ⛔style.css .board_write .title input[type="text"] { /*🟡⛔input 은 css 에서 타입을 지정해 줄 수가 있다. 위처럼 4강 18:15 */ width: 80%; } .board_write .cont { bo.. 2022. 12. 18.
728x90
반응형

티스토리툴바