Author: dudghks9303
-
7/31
어떤 부분이 잘못되었는지 파악이 되고 있다. 개발자 모드를 킬 때 마다 화면이 좁아지는데 그 크기에 맞추다 보니 개발자 모드를 끄면 양 옆이 비거나 크기가 일그러지는 현상이 발생한다. 일단 고쳐보고 풀고를 반복하고 있다. Read more
-
07/29
일단 구역별로 나누는 부분을 시작해보기로 함 기존에는 각자 따로여서 5개인 부분들을 각각 묶어서 3개로 나누어 첫째줄에 2개 배치, 아래에 1개 배치로 바꿈 그로인해서 쓸 일이 없어지는 일부 css 값들 제거 함께 나머지 부분들도 조절하기 조금은 정리가 되는거 같다. 다만 디자인은 여전히 모르겠다 Read more
-
07/28
오늘은 바로 수정하기 전에 뭐가 문제인지에 대해서 파악하기로 했다 내 입장에서는 판단을 할 수 없다 보니 개발자 모드로 볼 수 있는 한계에서 판단해보리고 했다 아이템박스 부분에서는 배치의 문제 : margin:auto 대신 강제로 위치를 맞출려다 보니 배치가 흐트러져서 간결하지 않은듯하다. 생각해보면 대부분 배치의 문제가 있는듯 싶다. Read more
-
07/27
뜯어고치기 위해 참고할만한 사이트가 공구류를 파는 사이트를 주었다. 이 사이트의 특징으로는 해당 물건의 상세 설명 부분이 display 로 조절하여서 보게 되어 있다. 메인페이지의 펼치는 부분 또하 그렇게 되어 있다. Read more
-
07/26
조금 더 수정할 부분 : 아이템 체크 부분 그림자 추가와 일단 a 태그를 썼기 때문에 밑줄 제거, hover시 나오는 CSS 또한 삭제 고칠게 아주 많다. 일단 차근차근 하나씩 고쳐보자 대부분 찾아보니 주소 뒤에 ? 와 =로 물품종류와 상세종류를 구분하는듯 하다 Read more
-
07/25
개인페이지 뜯어 고치기 시행한 부분 – 네이게이션 바(CSS 적용은 뒤에) 손보고 있는 부분 – 아이템 체크 부분 클릭했을 때 하단 상세 부분 : display:none 부분을 display:block으로 바꿔줌 – usestate로 조절가능 똑같은 것을 다시 클릭하면 display:none 으로 다시 전환(토글기능) – 이 부분에서 문제가 생김 이유 : 똑같은 것을 2번 눌려야 전환이 되야 한다. 즉, 계속해서 다른걸… Read more
-
07/19
수업 마지막날 : 원래는 18일에 수료일이였으나 근로자의 날 쉬었기 때문에 하루 늘어남 AOS(Animate on Scroll) – 특정 조건 스크롤 시 애니메이션을 넣을 수 있는 라이브러리. 그냥 검색하면 모바일에 탑재하는 AOS(안드로이드 OS)와 게임장르인 AOS가 섞여서 나오기 때문에 구별해서 찾아주거나 조건을 달아줘야 한다 https://www.npmjs.com/package/aos 대부분 사이트에서 스크롤을 내리면 생기는 기능들을 여기서 추가한듯 하다. 스크롤 애니메이션 이라고 검색하면… Read more
-
07/18-1
깃허브 페이지 배포 관련 재정리 설치해야하는 라이브러리 : gh-pages 와 react-router-dom react-app 설치하기 – npm create react-app ‘이름’ package.json 의 디버그(script) 부분에 “predeploy” : “npm run build”, “deploy” : “gh-pages -d build” 추가 index.js 에서 BrowserRouter로 App 감싸기. BrowserRouter는 react-router-dom에서 import도 해줘야 함 github에서 레퍼지토리 생성 git init~git push 까지 진행 package.json의 2번째 줄(name부분) 처럼… Read more
-
07/17
금요일 과제 내용 정답과 내가 작성한 내용 확인 다른 구인정보들도 확인중 – 대부분 경력직을 구하는건 비슷함 허울인 자격요건 : N년에 준하는 실력을 가진 신입 – 뻥경력의 경우 신입과 똑같을 수도 있지만 진짜 1년 경력인 경우 그게 준하는 실력을 가진 신입이 존재하는가? Read more
-
07/13-2
오후시간 : 기업 자료 +기타 자료 수집 R&D(Research and Development) : 연구개발 ts에서 export와 import export는 일반적인 js나 jsx 때 처럼 똑같이 적어도 된다 import는 조금 다르다. {}로 일부를 들고 올 수 있고 모든 것을 들고오고 싶다면 import * from 컴포넌트 형태로 들고와야 한다 또한 설치한 패키지 중에서 쓰는 이름과 똑같은 경우 {A as B} 와 같이… Read more