본문 바로가기

분류 전체보기265

[TIL] 각종 css 미니프로젝트 진행 3일차, 팀원들도, 나도 코딩에 어느정도 익숙해진 듯하다. 원하는 것을 구글링, 구글링한 것을 코드에 맞추어서 쓰기, 쓴 것이 잘 나오나 출력해보고 버그 고치기 등등... 하루종일 이것만 하는데 늘지 않을 수 없지...... 1. 오늘의 문제점... 1시부터 2~3시간동안 웹에 이미지가 출력되지 않는 문제로 끙끙 앓았다. 알고보니 live share에 직접 파일을 업로드하면 이미지가 깨져서 들어가는 듯.. 점심 즈음에 멤버소개 팀도 비슷한 문제를 겪었던 것 같아 여쭈어보니 해결해주셨다. 개발이란 협업이란걸 잊지 말고ㅠㅠ 다음에 비슷한 문제 상황이 있으면 일찍 물어봐야겠다.. 2. 각종 css position : relative, :absolute div안의 div에 사용하였으며 rela.. 2023. 3. 15.
[TIL] 반응성 박스 코딩 첫 주 이틀차. 팀원들과 팀원 소개 웹페이지를 만드는 미니프로젝트를 진행 중이다. 어제 전체적인 레이아웃을 와이드프레임을 그려 공유하였고, 각자 구현하고자하는 영역을 정하여 차근차근 만들어보고 있다. 같은 부분을 담당하게된 팀장님과 상의하여 여행파트에 대해 더 자세한 와이드프레임을 작성하고, html로 디자인을 만들었다. 아래는 공유받은 코드. 멤버1 안녕하세요! 저는 멤버1입니다. 이 코드를 팀원분이 만든 레이아웃에 넣고 실행했을 때, 가로가 flexible한 페이지여서 크기에 따라 프로필 사진과 멤버카드가 세로로 설정되는 문제가 있었다. portrait-member div, member div를 div로 묶어 수평 정렬을 시도했다. flex-direction이나 justify-content로 수평정렬.. 2023. 3. 14.
230313 웹개발 2주차 웹개발 종합반 2주차는 Java script로 웹이 동작을 수행하게하는 방법을 공부한다. 말그대로 script를 주어 작업을 수행하게 하는데, head문에 작성하는 것이 일반적임. JQuery, JQuery에 따라오는 .append , Fetch 문에 대해서도 함께 공부하였다. Java script에서 사용하는 기본적인 용어들. JQuery 는 $()로 사용하며 비교적 간단하게 원하는 바를 적용할 수 있도록 해준다. $ = id를 주는 것(=class, 정의) 문자열, 꾸미기 등 여러가지 활용을 하니 앞으로 차근차근 익숙해져가기. 이 안에서 if else 문, forEach문을 사용하여 데이터를 보기 좋게 출력할 수 있다. if else는 조건문 / forEach는 반복문을 통한 동작 수행 let peo.. 2023. 3. 14.
230308 웹개발 1주차 1주차 강의는 기본적인 프론트엔드를 위한 HTML, CSS. 웹 : 서버에 저장된 데이터를 받아와 보여주는 것 사용자 브라우저 요청→ 서버 데이터 ←전송 요청에는 연결된 환경이 필요하지만 전송 이후에는 관계 없음 이번 강의에서 배운 코드들 정리 페이지 명 눈에 보이는 page 구성 내용들 └ 구역 지정, 박스 └ 문단 └ 글의 제목 , ...등이 있으나 주로 사용 >> 그외.. 더보기 나는 구역을 나누죠 나는 문단이에요 bullet point!1 bullet point!2 h1은 제목을 나타내는 태그입니다. 페이지마다 하나씩 꼭 써주는 게 좋아요. 그래야 구글 검색이 잘 되거든요. h2는 소제목입니다. h3~h6도 각자의 역할이 있죠. 비중은 작지만.. span 태그입니다: 특정 글자를 꾸밀 때 써요 a.. 2023. 3. 8.

티스토리툴바