인스타그램 메인페이지 클론코딩2

  1. 메인피드창 반응형으로 구현하기(미디어쿼리)

  2. input에 글 입력 후 enter, 게시 click시 글 올라가게 하기

  3. 보더에 그라데이션 주기

  4. 글씨 추천 스토리 박스에 글 색 부분 변경

  5. 메인피드창 반응형으로 구현하기(미디어쿼리)
    메인창을 구현하기전에 nav바 사이즈 변경시 배경색이 바뀌어 버리는 바람에 이 문제를 먼저 해결함. 추 후 적용 재적용 예정.(우선순위 적음)

  6. input에 글 입력 후 enter, 게시 click시 글 올라가게 하기
    아직 완벽하지 않은 문법의 이해로 인해 작업하는데 어려움이 있었다. 첫번째 문제로 이 로직이 잘 작동되어지고 있는지 콘솔에서 확인 하는데 어려움이 있었다. 그래서 블락의 안과 밖 각각과 사용한 여러변수들을 넣어서 어느 위치에서 어느 변수를 넣어야 작업이 되는지 완벽하지 않지만 이해는 하게 되었다. 이 작업을 통해 내가 작성한 로직에서 어느 부분에 오류가 있는지 알게 되었고 오류의 검색을 통해 문법에서 오류가 있던걸 찾아내었다. 첫번째로는 재귀할 곳을 정해 주지 않아 로직자체가 끝이 나지 않고 안쪽에서 갇혀있는 경우를 재귀할 곳을 정해주어 해결 하게 되었고, 두번째로는 선언자 const였다.
    let 은 변수에 재할당이 가능하다. 그렇지만,

    let name = 'bathingape'
    console.log(name) // bathingape
    
    let name = 'javascript'
    console.log(name) 
    // Uncaught SyntaxError: Identifier 'name' has already been declared
    
    name = 'react'
    console.log(name) //react

    const는 변수 재선언, 변수 재할당 모두 불가능하다.

    const name = 'bathingape'
    console.log(name) // bathingape
    
    const name = 'javascript'
    console.log(name) 
    // Uncaught SyntaxError: Identifier 'name' has already been declared
    
    name = 'react'
    console.log(name) 
    //Uncaught TypeError: Assignment to constant variable.

    참고블로그bathingape

위 자료의 내용을 보면 왜 문제가 발생되어 지는지 알수있어 이해하기가 도움이 된다.
3. 보더에 그라데이션 주기
기능구현이 우선이기 때문에 추 후 작업예정
4. 글씨 추천 스토리 박스에 글 색 부분 변경
기능구현이 우선이기 때문에 추 후 작업예정

다음 작업으로는
1. 좋아요 버튼 한 번 클릭시 컬러온 한 번 더 클릭시 컬러 오프 하기
2. 보더에 그라데이션 주기

더 많은 작업을 하고 싶지만 아직 문법을 이해하고 있지 못하고
이것만큼 중요한 git에 대한 이해가 필요하기 때문에 오늘은 git에 대한 공부가 더 필요할 것 같다.

좋은 웹페이지 즐겨찾기