profile
제가 쓴 글에 틀린 것이나 의문점이 있다면 댓글로 알려주세요!!
post-thumbnail

글자가 왼쪽으로 정렬되는 오류 해결

어제 "그" 오류를 해결했다.역시 사파리 디버깅이 최고다 힝..어떤 것이 오류였냐면은!전체후기 보러가기를 감싸고 있었던 컨테이너가 <a>태그였는데,display가 초기값인 inline으로 설정돼있어서 <a>태그 자체의 크기가 없었다.구조를 보여드리자면은!좀

3일 전
·
0개의 댓글
·
post-thumbnail

글자가 왼쪽으로 정렬되는 오류

프로필 사이트를 완성했다짠~하지만 여기서 페이지 새로고침을 하면?이렇게 된다 (ㅋㅋ)폰트 사이즈의 문제도, position의 문제도 아닌 것 같은데 도대체 왜저러는걸까?빨리 고치고 싶지만... 맥북이랑 아이폰을 연결할 수 있는 케이블이 회사에 있다.내일 해결해 봐야지.

3일 전
·
0개의 댓글
·

아이폰과 맥을 연결해 safari 디버깅 하기

아이폰과 맥을 케이블로 연결합니다.신뢰하는 기기 인증 해줍니다.아이폰 설정 > 사파리 > 맨 하단 고급 > "웹 인스펙터" 를 체크.맥 사파리 설정 > 고급 > 맨 하단 메뉴 "막대에서개발자용 메뉴 보기" 를 체크.개발자용 막대에 기기가 뜹니다.이제 웹 사파리에서 무언

2023년 11월 13일
·
0개의 댓글
·

css border를 안쪽으로 주고싶을 때

백그라운드 컬러가 있는 버튼을 :호버하면 백그라운드 컬러가 사라지고, 테두리가 생기는 버튼을 만들고자 했다.구현하고 확인하니, 호버하면 버튼의 사이즈가 자꾸 변경됐다(커졌다).border가 outline으로 생기기 때문에 1~2px정도 커지는 것이다!그래서 box-si

2023년 11월 13일
·
0개의 댓글
·

ios에서 background-attachment: fixed 작동 안되는 이유

프로필 사이트를 만드는 도중최상단을 이미지가 꽉 차게 만들고 싶었는데요.그냥 이미지만 놓긴 심심할 것 같아fixed를 사용해 지루함을 줄여보고자 했습니다.만들고..깃허브에 올렸는데요?안됩니다 또.별의 별 태그와 속성을 다 사용해봤는데 안됐네요.이 부분도 구글링 해보니

2023년 11월 13일
·
0개의 댓글
·

ios에서 video 자동재생 안되는 이유+해결방법

video 태그를 사용할 때 자동 재생하게 하려면 atuoplay, muted를 사용합니다."청천벽력"금요일에 올라간 웹사이트. 제 아이패드와 아이폰에선자동재생이 안되는건 물론이거니와, 한가운데 떡하니 재생버튼이 있는게 아닌가?;구글링을 했더니ios에서는 뮤트, 오토플

2023년 11월 13일
·
0개의 댓글
·

제이쿼리 클릭이벤트 두 번 클릭해야 이벤트가 발생되는 문제

제이쿼리를 이용해서 섹션을 여닫을 수 있는 카테고리 버튼을 만들었는데요,두 번 클릭해야 클릭 이벤트가 실행됨한 번 실행한 후에는 한 번만 클릭해도 정상적으로 실행됨이 문제였습니다.먼저 js입니다. 클릭해서 열리고 닫힐 때 data-click값을 변경해주는 방법을 사용했

2023년 11월 10일
·
0개의 댓글
·

프로필 사이트 구조 짜기

저번에 만든 프로필 사이트 마크업을 완료했습니다.한 번에 밸리데이터 통과!내일은 css를 짜볼까요?

2023년 11월 4일
·
0개의 댓글
·
post-thumbnail

프로필 사이트 만들기

저번주에 한다는걸 오늘에서야 했네요.오토 레이아웃 사용이 미숙해서 조금 화도 났답니다^^;맨 위에 부분이 마음에 안듭니다. 비어보임.이 곳은 좀 더 생각해볼 예정!빈 이미지에는 개인 사진이 들어갑니다.카카오톡 상담하기도 좀 임팩트가 없네요.버튼같이 안보일지도?? 여기도

2023년 10월 29일
·
0개의 댓글
·

주말에는...

간단한 프로필 소개 페이지를 하나 만들어야 합니다.오랜만에 웹페이지를 만들겠네요^^

2023년 10월 20일
·
0개의 댓글
·

피그마 오토 레이아웃

내부 컨텐츠에 따라 자동으로 변형되는 프레임입니다.버튼이나 컴포넌트들의 내부 내용이 수정되어도프레임의 사이즈를 자동으로 수정해줍니다.shift+a 오토 레이아웃 단축키보통 프레임에 필컬러를 넣고 사용합니다.오토 레이아웃은 컨테이너와 아이템으로 구성방향, 아이템의 간격,

2023년 10월 19일
·
0개의 댓글
·

피그마 기본 + 단축키

점과 점사이 커맨드 j = 선 잇기쉬프트 커맨드 j = 부드럽게 잇기쉬프트 + 패스 지우기 = 선 끊지 않고 지우기왼쪽 상단 페인트 버킷이 존재그룹 안에 요소 선택하기 = 커맨드 누르고 선택하기링크 생성 도구 = 링크 복사후 다르텍스트 선택하면 위에 뜬다커맨드 e =

2023년 10월 19일
·
0개의 댓글
·

앤녕하세요

피그마요오토 레이아웃, hug 기능에 대해 좀 공부하려 합니다.그리구움............코드를 잊지 않으려 노력해야겠습니다.

2023년 10월 14일
·
0개의 댓글
·
post-thumbnail

모바일 UX/UI 디자인 시 고려할 점

오늘은 브런치에 있는 좋은 글을 참고하여 가장 최근 작업했던 펫살롱, 폴바셋을 다시 뜯어보겠습니다. 플레이돔 css는? 벌써 pdf부터 안에 이미지가 몇 개 잘못됐네요 ㅎ; 브런치1 브런치2 어떤 부분을 고려하지 못했을까? 1. 버튼 스타일 고려 [회원가입]은 [로

2023년 10월 1일
·
0개의 댓글
·

플레이돔 마크업

html 밸리데이터 통과

2023년 9월 23일
·
0개의 댓글
·

node.js

node.jsChrome V8 JavaScript 엔진으로 빌드된 JavaScript 런타임으로,브라우저에서 JavaScript를 해석하듯이 서버에서 JavaScript를 동작할 수 있도록 하는 개발용 소프트웨어 플랫폼.자바스크립트를 이용하여 클라이언트 측(Front-

2023년 9월 23일
·
0개의 댓글
·
post-thumbnail

VSCode User snippets

VSCode에서 스니펫 설정을 해주면, 매번 같은 내용을 반복 타이핑하지 않아도 됩니다.여기로 들어갑니다.html 검색 후 json 파일을 엽니다.파일 경로를 확인하세요설정할 때, 맨 마지막 값에는 쉼표를 넣으면 안됩니다. 모든 내용은 {} 안에 작성되어야 합니다 제가

2023년 9월 23일
·
0개의 댓글
·

VSCode 설정하기

구글에서 d2coding 검색 및 코딩 폰트 설치설정​확장 프로그램 설치​​단축키 설정file > preferences > keyboard shortcuts

2023년 9월 23일
·
0개의 댓글
·

앞으로 만들 사이트는...

플레이돔이라는 사이트 입니다.^^

2023년 9월 21일
·
0개의 댓글
·

앞으로 할 것

서브페이지 내용들 바꾸기(모란도란 이미지 만들기)새로운 프로젝트 만들기모바일 프레임 모양 바꾸기로고 다시 그리기카테고리 호버이벤트 구상요렇게 입니다.오랜만에 다시 정리^^

2023년 9월 15일
·
0개의 댓글
·