본문 바로가기

코딩온4

[새싹X코딩온] 풀스택 1차 프로젝트 회고록 새싹 과정을 시작한지 2달이된 시점에서 그간 배운것을 토대로 1차 프로젝트를 시작하게 됐다. 결과적으로 5개팀 중 1등으로 뽑혔지만 만족보단 아쉬운 점이 많았던 것 같다. 아무튼 9.6 ~ 9.22 2주 동안의 과정을 정리해본다. 프로젝트명 : CRUD:Conference & Review for U ! Developer ( CRUD ) 기획 의도 : 개발 컨퍼런스와 컨퍼런스 리뷰에 대한 정보를 제공 기간 : 23.09.06 ~ 23.09.22 팀 구성 : 백엔드 3 / 프론트 2 깃허브 : https://github.com/sesac-ydp5-pullAmen/Dev_Conference_Info_Service GitHub - sesac-ydp5-pullAmen/Dev_Conference_Info_Servi.. 2023. 9. 24.
[새싹X코딩온] 풀스택 3주차 회고록 - 1 | Bootstrap Grid System 반응형 웹 ( Responsive Web ) 반응형 동일한 페이지를 보여주나, 디바이스 크기에 따라 레이아웃을 다르게 보여준다 모바일 웹 접속 경우가 많으므로 반응형은 매우 중요한 기술 적응형 사용자가 모바일 환경인지, PC 인지에 따라 다른 페이지를 보여준다 % 단위 em 단위 font-size 속성 값에 비례해서 결정되는 상대단위 중첩이 적용됨 rem 최상위 요소(html) 크기에 비례 중첩의 영향을 받지 않음 부트스트랩 CDN ( Content Delivery Network ) 사용자에게 콘텐츠를 배포하는데 도움을 주는 네트워크 bootstrap cdn css, js 코드가 미리 정의 되어 있음 적용방법 적용 전, 후 차이점 ( h1 태그 사용 ) 부트스트랩을 적용하게 되면 이미 부트스트랩에서 설정.. 2023. 8. 1.
[새싹X코딩온] 풀스택 2주차 회고록 - 1 | CSS, javascript CSS 복잡한 속성 - Display inline 내용물 만큼 공간 할당 width, height, padding, margin 사용 불가 줄바꿈 없이 옆에 바로 배치된다. block div, p, ul, ol 태그와 같이 한 줄을 다 차지 inline 요소와 달리 width, height, padding, margin 사용 가능 inline-block block과 inline 요소의 장점을 가짐 none 요소를 화면에 표시하지 않음 요소가 차지하는 공간도 사라진다. visibillity:hidden 라는 속성도 있지만 visibillity는 요소가 차지하는 공간이 남는다. flex 부모 요소에 flex를 선언하면, 자식 요소들의 레이아웃을 변경시킴. flexbox 기본용어 주축 (main axis) :.. 2023. 7. 25.
[새싹X코딩온] 풀스택 1주차 회고록 - 1 | OT, Git 혼자 공부하면서 이력서를 돌려봐도 답이 안나오는 와중 이사문제도 터지면서 한동안 코드를 한 줄도 쳐보지도 보지도 못하는 상황이 됐었다 아무튼 계속 인강만 보고 있었는데 그마저도 쉽지 않은 상황에서 새로운 돌파구가 필요했고 인턴 끝날 때 쯤 팀장님이 차라리 부트캠프를 알아보는게 어떻겠냐는 말에 여러가지 부트캠프를 알아봤지만 난 이미 국비 수업을 들은 적이 있고, 비용부담도 만만치 않은 상황이었는데 시에서 주관하는 SeSAC 이라는 청년취업사관학교 부트캠프 프로그램이 있어서 지원하게 됐다. 비용은 전액 무료, 단 13만원을 예치금으로 넣어야하고 수료하면 반환하는 형식이었다. https://sesac.seoul.kr/course/active/detail.do 꿈꾸는 개발자 데뷔코스, 새싹 ‘새싹’은 싹을 틔우.. 2023. 7. 18.