본문 바로가기

AI 웹개발반132

[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.
230306 개발 공부 시작 지난 3월 2일, 코딩에의 첫 발걸음을 떼기 위해 스파르타 코딩클럽 강의를 신청했다. 내일배움단으로 신청했으니 더 성실히 듣지 않으면 업보가 찾아올 것. 퇴사 후 여행과 책을 읽고, 쉬면서 느꼈다. 나는 어쨌든 매일 일을 해야하는 사람이구나 성실하게 시간 맞춰 재깍 움직이는데에서 스스로에 대한 효능감이 드는구나 제 시간에 움직이지 않으면 우울함에 빠져드는구나 그리고 언니 말을 잘 듣자.. 오랜 습관인 t 쓰는 방법도 고쳐야겠다 새로운 길 모퉁이를 돌아 착착 걸어나가보자구:) 0주차 OT Notion 활용하기 : 강의자료, Win : ctrl + alt + t Mac : cmd + option + t (ctrl+enter 도 된다고함) 즉문즉답 활용하기 : am9 - am12 까지 언제든 가능 개발일지 W.. 2023. 3. 6.

티스토리툴바